Bootstrap单选按钮:在提交表单上获取选定值 [英] Bootstrap radio button: Get selected value on submit form

查看:119
本文介绍了Bootstrap单选按钮:在提交表单上获取选定值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有下一个boostrap单选按钮:

 < div class =btn-groupid =filterDay data-toggle =buttons> 
< label class =btn btn-default blue>
< input type =radioclass =togglevalue =1>星期一
< / label>
< label class =btn btn-default blue>
< input type =radioclass =togglevalue =2>星期二
< / label>
< label class =btn btn-default blue>
< input type =radioclass =togglevalue =3>星期三
< / label>
< label class =btn btn-default blue>
< input type =radioclass =togglevalue =4>星期四
< / label>
< label class =btn btn-default blue>
< input type =radioclass =togglevalue =5>星期五
< / label>
< label class =btn btn-default blue>
< input type =radioclass =togglevalue =6>星期六
< / label>
< label class =btn btn-default blue active>
< input type =radioclass =togglevalue =0>星期日
< / label>
< / div>

我试图在提交表单时获取活动按钮的值,而不创建 onclick事件,只需从$('#filterDay')按钮组获得活动按钮即可。应该很容易,但我没有找到获得价值的方法。我尝试了几个例子,但任何工作。



有人可以帮忙吗?



谢谢!



更新:

这是HTML打印的代码: b

 < label class =btn btn-default blue> 
< input type =radioclass =togglevalue =6>星期六
< / label>
< label class =btn btn-default blue active>
< input type =radioclass =togglevalue =0>星期日
< / label>

课程中的活动是当我点击按钮时发生的变化。

解决方案

在表单提交处理程序中,使用:检查选择器

  var filterDay = $('#filterDay input:radio:checked')。val()


I have the next boostrap radio-button:

<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>

I'm trying to get value of the active button when I submit the form, without creating an "onclick" event, simply getting the active button from the $('#filterDay') button group. Should be easy but I'm not finding a way to get the value. I tried several examples but any worked.

Could someone help?

Thank you!

Update:

This is the html "printed" code:

<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>

The "active" in the class is what is changing when I click the button.

解决方案

In the form submit handler use the :checked selector

var filterDay = $('#filterDay input:radio:checked').val()

这篇关于Bootstrap单选按钮:在提交表单上获取选定值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆