如何在引导程序中获取单选按钮组值答案

【问题标题】：How to get radio button group values in bootstrap如何在引导程序中获取单选按钮组值
【发布时间】：2013-08-03 10:00:25
【问题描述】：

我正在为表单内的单选按钮使用以下引导代码

<div class="btn-group" data-toggle="buttons-radio">
   <button type="button" name="att" class="btn btn-primary active">Present</button>
   <button type="button" name="att" class="btn btn-primary">Absent</button>
   <button type="button" name="att" class="btn btn-primary">Leave</button>
</div>

您可以通过访问http://getbootstrap.com/2.3.2/javascript.html#buttons找到收音机示例

我是用这个来做员工考勤的，所以有多个员工记录，会有一个数组。我试过问题Get the value of a twitter bootstrap radio button. JQuery 但这仅返回我最后选择的值。

我该如何解决这个问题？？

注意：我也尝试过输入标签而不是按钮，但效果样式

【问题讨论】：

你可以使用：$('.btn-group').find('button').each(function(i){ var val = $(this).val(); }) ;
我需要表单提交上名称为 att 的数据数组
您可以创建一个隐藏字段并在其中存储单选按钮值的数组，使用我之前评论过的代码并将单选按钮的值推送到一个数组中。即：这样当您发送数组时，它将包含在 $_POST[];

标签： jquery twitter-bootstrap

【解决方案1】：

我已经解决了这个问题

  <div id ="attend1" class="btn-group" data-toggle="buttons-radio">
       <input type='hidden' name="attendy[]" value='default value'>
       <button type="button" name="att" class="btn btn-primary active">Present</button>
       <button type="button" name="att" class="btn btn-primary">Absent</button>
       <button type="button" name="att" class="btn btn-primary">Leave</button>
    </div>

和 jquery

$(document).ready(function (){ 
   $('.btn').click(function() {
      var parent = '#' + $(this).parent().attr('id');
      $(parent).find('input').val($(this).text());
   });
 });

非常感谢大家

【讨论】：

太棒了-我不得不搜索一段时间才能得到这个。我会补充：对于在服务器级别需要此值的人，您可以在回发时读取控件“attendy”的值。

【解决方案2】：

将id 属性添加到.btn-group 并使用它：

var activebtnvalue = $("#btngroup").find("button.active").prop('value');

也为每个按钮添加一个value 属性。

【讨论】：

我需要表单帖子上的数组
然后将 activebtnvalue 更改为 myarr['btngroup']。