JQuery-Radio-Operationsmethode summary_jquery

Da Jquery immer nützlicher wird, nutzen es immer mehr Freunde. Aufgrund der hohen Häufigkeit der Verwendung von Steuerelementen wie CheckBox, Radiobutton und DropDownList im Web hängt dies mit der Funktionsweise dieser Steuerelemente in Jquery zusammen. Da die Version von JQuery sehr schnell aktualisiert wird, hat sich auch die Art und Weise, wie der Code geschrieben wird, stark geändert. Der folgende JQuery-Code ist für Query1.4 und höher geeignet.

1. Den ausgewählten Wert abrufen. Es stehen drei Methoden zur Verfügung:

Code kopieren Der Code lautet wie folgt:

$('input:radio:checked').val();
$("input[type='radio']:checked").val();
$("input[name='rd']:checked").val();

2. Stellen Sie das erste Radio als ausgewählten Wert ein:

Code kopieren Der Code lautet wie folgt:

$('input:radio:first').attr('checked', 'checked');

oder

Code kopieren Der Code lautet wie folgt:

$('input:radio:first').attr('checked', 'true');

Hinweis: attr("checked",'checked')= attr("checked", 'true')= attr("checked", true)

3. Stellen Sie das letzte Radio als ausgewählten Wert ein:

Code kopieren Der Code lautet wie folgt:

$('input:radio:last').attr('checked', 'checked');

oder

Code kopieren Der Code lautet wie folgt:

$('input:radio:last').attr('checked', 'true');

4. Stellen Sie ein beliebiges Radio entsprechend dem Indexwert als ausgewählten Wert ein:

Code kopieren Der Code lautet wie folgt:

$('input:radio').eq(index value).attr('checked', 'true');Index value=0,1,2....

oder

Code kopieren Der Code lautet wie folgt:

$('input:radio').slice(1,2).attr('checked', 'true');

5. Stellen Sie Radio entsprechend dem Wert auf den ausgewählten Wert ein

Code kopieren Der Code lautet wie folgt:

$("input:radio[value='rd2']").attr('checked','true');

oder

Code kopieren Der Code lautet wie folgt:

$("input[value='rd2']").attr('checked','true');

6. Löschen Sie das Radio, dessen Wert rd2 ist

Code kopieren Der Code lautet wie folgt:

$("input:radio[value='rd2']").remove();

7. Welches Radio gelöscht werden soll

Code kopieren Der Code lautet wie folgt:

$("input:radio").eq(index value).remove(); index value=0,1,2....

Löschen Sie beispielsweise das dritte Radio:$("input:radio").eq(2).remove();

8. Traverse Radio

Code kopieren Der Code lautet wie folgt:

$('input:radio').each(function(index,domEle){

//Code schreiben

});