Считать значения списка радиокнопок

Question

Считать значения списка радиокнопок

0

У меня есть список радиоблоков с одинаковым идентификатором. Я пытаюсь прочитать значение каждого переключателя, но мой код всегда читает значение только первого радиоблока.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $("#rdodoc").click(function () {
            var val = $("[id=rdodoc]").val()
            alert(val);
        });


    });
</script>


@foreach (ReadWord.Models.Document item in ViewBag.lstdocs)
{
    @Html.RadioButton("rdodoc", item.Name)
    <label>@item.Name</label>


}

chamara 24 сен. 2013, в 07:47

Источник

Теги:

javascript

jquery

asp.net-mvc

asp.net-mvc-4

4 ответа

0

Идентификаторы элементов должны быть уникальными. Повторяющиеся идентификаторы сделают ваш html-документ недействительным, и доступ к этим элементам по идентификатору вернет только первый найденный элемент. Если вы хотите сгруппировать радиокнопки, используйте для этого атрибут name. И чтобы получить значения, вы можете повторить их уникальные идентификаторы.

Sanjeevi Rajagopalan 24 сен. 2013, в 03:44

0

Этот код поможет вам получить значения в массиве: var list = $ (". Elements"). Map (function () {return $ (this) .val ();}). Get ();
Sanjeevi Rajagopalan 24 сен. 2013, в 05:19

0

Вам также нужно запустить цикл в javascript. Прямо сейчас вы просто получаете только 1 значение, поэтому вы видите первый. и измените идентификатор на имя или класс.

$( ".rdodc" ).each(function( index ) {
  alert( index + ": " + $( this ).val() );
});

это будет предупреждать о каждом значении переключателя.

OmerBTW 24 сен. 2013, в 02:47

0

Недопустимо, чтобы html имел множество элементов с одним и тем же идентификатором. Кроме того, ваш селектор привяжет событие click к одному элементу. Вместо этого используйте класс следующим образом:

<script>
    $(document).ready(function () {
        $(".rdodoc").click(function () {
            var values = $('.rdodoc').map(function(e) { return $(this).val(); });
            $.each(values, function(e, v) { alert(v); });
        });
    });
</script>

@foreach (ReadWord.Models.Document item in ViewBag.lstdocs)
{
    @Html.RadioButton("rdodoc", item.Name, new { @class = "rdodoc" })
    <label>@item.Name</label>
}

Candide 24 сен. 2013, в 02:29

Ещё вопросы

Этот код поможет вам получить значения в массиве: var list = $ (". Elements"). Map (function () {return $ (this) .val ();}). Get ();

rps · Accepted Answer · 2013-09-24T03-40-00.000Z

вместо id используйте class="rdodoc", это правильный способ сделать это.

$(document).ready(function () {
    $(".rdodoc").click(function () {
        var val = $(this).val()
        alert(val);
    });
});

с приведенным выше кодом, когда вы нажмете на переключатель, это значение будет предупреждено