Zusammenfassung der JQuery CheckBox (Checkbox)-Operationsmethoden_jquery

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);
});