Javascript 引导单选按钮：在提交表单上获取所选值

我有下一个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“打印”代码：

星期六
星期日

---

类中的“活动”是我单击按钮时正在更改的内容。

在表单提交处理程序中，使用

试试这个， 它应该能解决你的问题

$( "input:checked" ).val()

有关更多详细信息，请参阅下面的链接：

$（“#radioButtonName”）.prop（'checked'）

---

这适用于代码中的一些逻辑问题

<label class="btn btn-default blue active">
       <input type="radio" class="toggle" value="0"> Sunday
</label>

星期日

Label具有活动类，因此引导程序会将其显示为活动类，但未选中包含的输入电台，因此在纯html中未选中它

正确的代码

<label class="btn btn-default blue active">
       <input type="radio" checked="checked" class="toggle" value="0"> Sunday
</label>

星期日

使用jquery:checked选择器

您应该设置一个通用的“名称”来标识表单：

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

---

然后尝试

var filterDay=$（'#filterDay label.active input'）.val（）

<label class="btn btn-default blue active">
       <input type="radio" checked="checked" class="toggle" value="0"> Sunday
</label>

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