Heim  >  Artikel  >  Web-Frontend  >  Zusammenfassung der JQuery CheckBox (Checkbox)-Operationsmethoden_jquery

Zusammenfassung der JQuery CheckBox (Checkbox)-Operationsmethoden_jquery

WBOY
WBOYOriginal
2016-05-16 16:03:591283Durchsuche

1. Ein einzelnes Kontrollkästchen auswählen (drei Schreibmethoden):

Code kopieren Der Code lautet wie folgt:

$("input:checkbox:checked").val()

oder
Code kopieren Der Code lautet wie folgt:

$("input:[type='checkbox']:checked").val();

oder
Code kopieren Der Code lautet wie folgt:

$("input:[name='ck']:checked").val();

2. Mehrere durch Kontrollkästchen ausgewählte Elemente abrufen:
Code kopieren Der Code lautet wie folgt:

$('input:checkbox').each(function() {
If ($(this).attr('checked') ==true) {
alarm($(this).val());
            }
});

oder
Code kopieren Der Code lautet wie folgt:

('input:checkbox').map(function () {                                           Return(this).val();
}).get().join(',') ;


3. Legen Sie das erste Kontrollkästchen als ausgewählten Wert fest:
Code kopieren Der Code lautet wie folgt:
$('input:checkbox:first').attr("checked",'checked');

oder

Code kopieren Der Code lautet wie folgt:
$('input:checkbox').eq(0).attr("checked",'true');


4. Setzen Sie das letzte Kontrollkästchen als ausgewählten Wert:
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');


5. Legen Sie ein beliebiges Kontrollkästchen basierend auf dem Indexwert als ausgewählten Wert fest:
Code kopieren Der Code lautet wie folgt:
$('input:checkbox).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');


6. Aktivieren Sie mehrere Kontrollkästchen:
Aktivieren Sie gleichzeitig das 1. und 2. Kontrollkästchen:

Code kopieren Der Code lautet wie folgt:
$('input:radio').slice(0,2).attr('checked','true');


7. Setzen Sie das Kontrollkästchen auf den ausgewählten Wert basierend auf dem Wert:
Code kopieren Der Code lautet wie folgt:

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

8. Löschen Sie das Kontrollkästchen mit Wert=1:
Code kopieren Der Code lautet wie folgt:

$("input:checkbox[value='1']").remove();

9. Welches Kontrollkästchen gelöscht werden soll:
Code kopieren Der Code lautet wie folgt:

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

Löschen Sie beispielsweise das dritte Kontrollkästchen:
Code kopieren Der Code lautet wie folgt:

$("input:checkbox").eq(2).remove();

10. Kontrollkästchen „Traverse“:
Code kopieren Der Code lautet wie folgt:

$('input:checkbox').each(function (index, domEle) {
//Code schreiben
});

11. Alles auswählen
Code kopieren Der Code lautet wie folgt:

$('input:checkbox').each(function() {
$(this).attr('checked', true);
});

12. Alle abwählen:
Code kopieren Der Code lautet wie folgt:

$('input:checkbox').each(function () {
$(this).attr('checked',false);
});

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn