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

Question

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

<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 但这只会返回我最后选择的值。

我该如何解决这个问题？

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

Answer 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());
   });
 });

非常感谢大家

Answer 2

添加一个id属性.btn-group并使用它：

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

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