Как получить значение переключателя при выборе?

Question

Как получить значение переключателя при выборе?

0

У меня такой код html. Из этого фрагмента кода я хотел бы получить значение Радио кнопки, когда пользователь выбирает (проверяет) это значение. Как получить эту ценность. Я получаю решения, когда пользователь нажимает кнопку или функция должна быть вызвана. Но я требую решения, используя jQuery, когда пользователь проверяет его.

Код HTML:

<div id="Report_Name" class="leaf">
    <fieldset class="control select multiple" title="">
        <legend>* Select Report Name</legend>
        <ul class="list inputSet sizable">                <li>
                <div class="control radio">
                    <input checked="checked" class="" id="Report_Name1" type="radio" name="Report_Name_option" value="4">
                    <label class="wrap" for="Report_Name1" title="">
                        ALL&nbsp;
                    </label>
                </div>
            </li>
                            <li>
                <div class="control radio">
                    <input class="" id="Report_Name2" type="radio" name="Report_Name_option" value="1">
                    <label class="wrap" for="Report_Name2" title="">
                        Cash&nbsp;
                    </label>
                </div>
            </li>
                            <li>
                <div class="control radio">
                    <input class="" id="Report_Name3" type="radio" name="Report_Name_option" value="2">
                    <label class="wrap" for="Report_Name3" title="">
                        FDR&nbsp;
                    </label>
                </div>
            </li>
                            <li>
                <div class="control radio">
                    <input class="" id="Report_Name4" type="radio" name="Report_Name_option" value="3">
                    <label class="wrap" for="Report_Name4" title="">
                        Summary&nbsp;
                    </label>
                </div>
            </li>
            &nbsp;</ul>
    </fieldset>
    <span class="warning"></span>
    <div class="resizeOverlay hidden"></div>
    <div class="sizer vertical" style="position: relative;"><span class="ui-icon ui-icon-grip-solid-horizontal"></span></div>
</div>

Pallavipradeep 29 апр. 2014, в 09:37

Источник

0

api.jquery.com/checked-selector
Satpal 29 апр. 2014, в 06:50
0

Я смущен multiple именем класса, вы знаете, у группы radiobox может быть только одно значение?
Peter Rader 29 апр. 2014, в 06:54
0

@PeterRader, name="Report_Name_option" обрабатывает это
Satpal 29 апр. 2014, в 06:56
0

@Satpal Satpal Точно, я хотел бы знать, знает ли Pallavipradeep это.
Peter Rader 29 апр. 2014, в 07:04
0

@PeterRader, OP использует его, приятель, поэтому я использовал его в примере
Satpal 29 апр. 2014, в 07:05

Показать ещё 3 комментария

Теги:

jquery

5 ответов

1

Вам нужно связать событие.change() с помощью переключателя. Затем вы можете использовать : checked Selector, чтобы найти выбранный параметр радио.

пример

$(document).ready(function () {
    $(':radio[name="Report_Name_option"]').change(function () {
        alert($(':radio[name="Report_Name_option"]:checked').val())
    })
});

DEMO

Satpal 29 апр. 2014, в 04:47

0

После быстрого поиска я нашел для вас довольно полный ответ. В любом случае вы хотите попробовать что-то вроде этого:

$("input:radio[name=Report_Name_option]").click(function() {
    var x = $(this).val();
});

Надеюсь, это поможет!

KM123 29 апр. 2014, в 05:35

0

Вы можете попробовать следующее:

$('#Report_Name').find('[type="radio"]').on('change', function(){
   console.log(this.value);
});

Вы должны найти radios в этом div #Report_Name и применить к .change() событие .change() и получить значение этого радио. Поскольку у вас есть одно радио, выбранное по умолчанию, поэтому вы можете получить его с запуском события изменения при загрузке.

демонстрация

Jai 29 апр. 2014, в 05:14

0

пример: Demo in JsBin

$(function() {
  $(".inputSet input[type=radio]").change(function() {
    // for every change on the radio selection
    checkRadioSelection();
  });

  // so you get the default selection
  checkRadioSelection();
});

function checkRadioSelection()
{
  var r = $(".inputSet input[type=radio]:checked");
  $(".warning").text("You have selected: " + r.val() );
}

balexandre 29 апр. 2014, в 04:01

Ещё вопросы

Я смущен multiple именем класса, вы знаете, у группы radiobox может быть только одно значение?
@PeterRader, name="Report_Name_option" обрабатывает это
@Satpal Satpal Точно, я хотел бы знать, знает ли Pallavipradeep это.
@PeterRader, OP использует его, приятель, поэтому я использовал его в примере

v2solutions.com · Accepted Answer · 2014-04-29T05-13-00.000Z

Вам нужно прикрепить событие.change с помощью Radio Button, после чего вы можете получить значение проверенного переключателя, используя: checked

В приведенном ниже коде мы фильтруем радиокнопку по имени и добавляем к ней событие изменения, а затем находим проверенное значение радио

$("input:radio[name=Report_Name_option]").change(function(){
  console.log($('input:radio[name=Report_Name_option]:checked').val());

});