[英]get selected value of radio button onclick of submit and pass value to a function
[英]Bootstrap radio button: Get selected value on submit form
我有下一个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>
我在提交表单时尝试获取活动按钮的值,而不创建“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>
当我点击按钮时,班级中的“活动”就会发生变化。
在表单提交处理程序中使用:checked选择器
var filterDay = $('#filterDay input:radio:checked').val()
您应该设置一个通用的“名称”来标识表单:
<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()
代码中的一些逻辑问题......
<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>
使用jquery:选中选择器链接
$('#radioButtonName').prop('checked')
这适用于
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.