Кнопка загрузки 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>

"Активный" в классе - это то, что меняется, когда я нажимаю кнопку.

Ответы

Ответ 2

Попробуйте это, он должен решить вашу проблему.

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

вы можете обратиться к ссылке ниже для получения более подробной информации:
http://api.jquery.com/checked-selector/

Ответ 3

Некоторая логическая проблема в коде...

<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

использовать jquery: проверить селекторную ссылку

Ответ 5

Вы должны установить общее "имя" для идентификации формы:

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

Ответ 6

$('#radioButtonName').prop('checked')

это работает для