/ / Zresetuj przycisk radiowy za pomocą jQuery - javascript, jquery, html, radio-button

Zresetuj przycisk radiowy za pomocą jQuery - javascript, jquery, html, radio-button

Mam wiele przycisków opcji. Po sprawdzeniu lub losowym wybraniu wartości przycisku opcji muszę zresetować przycisk opcji do domyślnej zaznaczonej lub wybranej wartości po kliknięciu przycisku. Mój kod HTML znajduje się poniżej.

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>

Odpowiedzi:

7 dla odpowiedzi № 1
$("input[type=radio]").prop("checked", function () {
return this.getAttribute("checked") == "checked";
});

Oto skrzypce: http://jsfiddle.net/DNUdv/


2 dla odpowiedzi nr 2

To może pomóc.

$("input:checked").removeAttr("checked");

1 dla odpowiedzi nr 3

Możesz użyć unikalnego identyfikatora dla każdego przycisku opcji, takiego jak:

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

Teraz w funkcji:

function ResetRdo() {
$("#rdo1_a").attr("checked") == "checked";
}

Użyj tej samej skrzynki dla każdego zestawu.


1 dla odpowiedzi nr 4

Następnie możesz podać identyfikator pola wyboru

  function reset(){
$("#id").attr("checked", "checked");
}