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属性。

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

2 个答案: