我有下一个Bootstrap单选按钮:
<div class="btn-group" id="filterDay" data-toggle="buttons">
<label class="btn btn-default blue">
<input type="radio" class="toggle" value="1"> Monday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" value="2"> Tuesday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" value="3"> Wednesday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" value="4"> Thursday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" value="5"> Friday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" value="6"> Saturday
</label>
<label class="btn btn-default blue active">
<input type="radio" class="toggle" value="0"> Sunday
</label>
</div>
我试图在提交表单时获取活动按钮的值,而不创建onclick
事件,只是从$('#filterDay')
按钮组中获取活动按钮。这应该很容易,但我没有找到一种方法来获得价值。我试了几个例子,但都不起作用。
更新:
这是HTML“打印”代码:
<label class="btn btn-default blue">
<input type="radio" class="toggle" value="6"> Saturday
</label>
<label class="btn btn-default blue active">
<input type="radio" class="toggle" value="0"> Sunday
</label>
class
属性中的active
值是单击按钮时更改的值。
6条答案
按热度按时间jchrr9hc1#
在表单提交处理程序中,使用
:checked
选择器。wvmv3b1j2#
您应该设置一个公共
name
属性来标识表单:要得到这样的值:
o7jaxewo3#
试试这个:
有关
:checked
选择器和.val
属性的更多信息,请查看jQuery的文档。oyjwcjzk4#
代码中存在一些逻辑问题:
这个标签有
active
类,所以Bootstrap会将它显示为活动的,但不检查包含的输入单选,所以在纯HTML中,它不被检查。正确代码:
kse8i1jr5#
使用jQuery的
:checked
选择器cqoc49vn6#
使用jQuery的
.prop()
属性,就像这样: