jquery - 如何在 Bootstrap 中获取单选按钮组值

Question

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

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

非常感谢大家