Сбросить переключатель с помощью jQuery

Question

Сбросить переключатель с помощью jQuery

У меня есть несколько переключателей. После проверки или выбора значения радиокнопки случайным образом, мне нужно сбросить значение радиокнопки по умолчанию, проверенное или выбранное при нажатии кнопки. Мой HTML-код приведен ниже.

JQuery

function ResetRdo() {

    // Code to reset ?

}

HTML

<table>

    <tr>

        <td>

            <input type="radio" name="rdo1" value="a" checked="checked" />

            A

            <input type="radio" name="rdo1" value="b" />

            B

            <input type="radio" name="rdo1" value="c" />

            C

        </td>

    </tr>

    <tr>

        <td>

            <input type="radio" name="rdo2" value="1" />

            1

            <input type="radio" name="rdo2" value="2" checked="checked" />

            2

            <input type="radio" name="rdo2" value="3" />

            3

        </td>

    </tr>

    <tr>

        <td>

            <input type="radio" name="rdo3" value="1a" />

            1a

            <input type="radio" name="rdo3" value="2b"  />

            2b

            <input type="radio" name="rdo3" value="3c" checked="checked" />

            3c

        </td>

    </tr>

    <tr>

        <td>

            <input type="button" value="Reset" onclick="ResetRdo()" />

        </td>

    </tr>

</table>

613 4

jQuery javascript html radio-button

4 ответов:

Comments

Ничего не найдено.

Joseph Silber · Accepted Answer · 2013-04-21 05:34:32

$('input[type=radio]').prop('checked', function () {
    return this.getAttribute('checked') == 'checked';
});

Вот скрипка: http://jsfiddle.net/DNUdv/

Anil Shrestha · Accepted Answer · 2015-04-23 08:38:30

Это может помочь.
$("input:checked").removeAttr("checked");

Harpreet · Accepted Answer · 2013-04-19 10:19:07

Вы можете использовать уникальный идентификатор для каждой радиокнопки, например:
<input type="radio" name="rdo1" id="rdo1_a" value="a" checked="checked" />
Теперь в функции:
function ResetRdo() {
    $("#rdo1_a").attr('checked') == 'checked';
}
Используйте один и тот же случай для каждого набора.

PSR · Accepted Answer · 2013-04-19 10:19:53

Вы можете дать id для флажков, а затем сделать
  function reset(){ 
   $("#id").attr('checked', 'checked');
  }