我有下一个boostrap单选按钮:
<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>
我提交表单时尝试获取活动按钮的值,而不创建&#34; onclick&#34;事件,只需从$(&#39;#filterDay&#39;)按钮组中获取有效按钮即可。应该很容易,但我没有找到获得价值的方法。我尝试了几个例子但是有效。
有人可以帮忙吗?
谢谢!
更新
这是html&#34;打印&#34;代码:
<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>
&#34;活跃&#34;在单击按钮时,课程中正在发生变化。
答案 0 :(得分:32)
在表单提交处理程序中使用:checked selector
var filterDay = $('#filterDay input:radio:checked').val()
答案 1 :(得分:2)
试试这个, 它应该可以解决你的问题。
$( "input:checked" ).val()
您可以参考以下链接了解更多详情:
http://api.jquery.com/checked-selector/
答案 2 :(得分:1)
你应该设置一个共同的名字&#34;确定表格:
<div class="btn-group" id="filterDay" data-toggle="buttons">
<label class="btn btn-default blue">
<input type="radio" class="toggle" name="toggle" value="1">Monday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" name="toggle" value="2"> Tuesday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" name="toggle" value="3"> Wednesday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" name="toggle" value="4"> Thursday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" name="toggle" value="5"> Friday
</label>
<label class="btn btn-default blue">
<input type="radio" class="toggle" name="toggle" value="6"> Saturday
</label>
<label class="btn btn-default blue active">
<input type="radio" class="toggle" name="toggle" value="0"> Sunday
</label>
</div>
要获得价值,你可以这样:
$('input[name=toggle]:checked').val()
答案 3 :(得分:0)
代码中的一些逻辑问题......
<label class="btn btn-default blue active">
<input type="radio" class="toggle" value="0"> Sunday
</label>
Label具有活动类,因此bootstrap会将其显示为活动状态,但不会检查包含的输入无线电,因此在纯html中不会检查它。
纠正代码......
<label class="btn btn-default blue active">
<input type="radio" checked="checked" class="toggle" value="0"> Sunday
</label>
答案 4 :(得分:-1)
使用jquery:checked selector link
答案 5 :(得分:-2)
$('#radioButtonName').prop('checked')
这适用于