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

Question

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

3

我正在使用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找到单选按钮示例。我将其用于员工出勤，因此有多个员工记录并且会有一个数组。我尝试了问题获取Twitter Bootstrap单选按钮的值。 JQuery但这只返回我最后选择的值。我该如何解决这个问题？？注意：我还尝试了使用input标签而不是button，但这会影响样式。

- Talha

$('.btn-group').find('button').each(function(i){ var val = $(this).val(); }); - Kyle Emmanuel

在表单提交时，我需要一个名为att的数据数组。 - Talha

你可以创建一个隐藏字段并将单选按钮值的数组存储在其中，使用我之前评论的代码，并将单选按钮的值推入数组中。例如：<input type="hidden" name="some_name" value="array(1,0,0)"> 这样当你发送这个数组时，它将包含在 $_POST[] 中； - Kyle Emmanuel

2个回答

1

在`.btn-group`中添加一个`id`属性并使用以下代码：

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

在每个按钮中添加一个名为value的属性。

- Mooseman

我需要在表单提交时使用数组。 - Talha

将 activebtnvalue 更改为 myarr['btngroup']。 - Mooseman

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Talha · Accepted Answer

我已经通过使用某种方法解决了这个问题。

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

非常感谢大家。