4580 Stimmen

Einstellung "checked" für ein Kontrollkästchen mit jQuery

Ich würde gerne so etwas tun, um ein Häkchen bei checkbox mit jQuery :

$(".myCheckBox").checked(true);

o

$(".myCheckBox").selected(true);

Gibt es so etwas?

0 Stimmen

Eine spezifischere (und sehr nützliche!) Frage, "Wie überprüfe ich ein Element in einem Kontrollkästchen, das nach Wert gesetzt ist?", können wir auch hier diskutieren, und ich habe eine Antwort unten gepostet.

0 Stimmen

Weitere Möglichkeiten, dies mit jQuery zu tun, finden Sie hier stackoverflow.com/a/22019103/1868660

0 Stimmen

Wenn Sie das onchange-Ereignis auslösen müssen, ist es $("#mycheckbox").click();

15voto

Alex W Punkte 34972

Einfaches JavaScript ist sehr einfach und verursacht viel weniger Aufwand:

var elements = document.getElementsByClassName('myCheckBox');
for(var i = 0; i < elements.length; i++)
{
    elements[i].checked = true;
}

Beispiel hier

0 Stimmen

@MarkAmery Die akzeptierte Antwort deckt nicht ab, wie man es ohne jQuery macht. Meine Antwort bietet einen zusätzlichen Nutzen zur akzeptierten Antwort.

15voto

Serhat Koroglu Punkte 1213

Wenn Sie ein Kontrollkästchen wie;

$('.className').attr('checked', 'checked')

reicht das vielleicht nicht aus. Sie sollten auch die folgende Funktion aufrufen;

$('.className').prop('checked', 'true')

Vor allem, wenn Sie das Attribut "Checkbox checked" entfernt haben.

14voto

fredcrs Punkte 3478

Ich konnte es nicht zum Laufen bringen:

$("#cb").prop('checked', 'true');
$("#cb").prop('checked', 'false');

Sowohl true als auch false würden das Kontrollkästchen aktivieren. Was für mich funktionierte, war:

$("#cb").prop('checked', 'true'); // For checking
$("#cb").prop('checked', '');     // For unchecking

16 Stimmen

Sollte es nicht sein true y false und nicht 'true' y 'false' ?

9 Stimmen

Es "funktionierte nicht", weil 'false' wurde in einen booleschen Wert umgewandelt, was dazu führte, dass true - leere Zeichenkette wird ausgewertet zu false Es hat also "funktioniert". Siehe diese Fiedel als Beispiel für das, was ich meine.

0 Stimmen

@chris97ong Ich habe Ihre Bearbeitung zurückgenommen; wenn jemand sagt: "Verwenden Sie den Code unten nicht, weil er nicht funktioniert", Befestigung dieser Code, während man den Kommentar hinterlässt, dass er nicht funktioniert, ist schädlich - besonders, wenn es die Erklärung in den Kommentaren von warum der Code funktioniert nicht. Abgesehen davon ist diese Antwort immer noch etwas verwirrend und verdient eine Ablehnung aus den von tpower und ShadowWizard genannten Gründen.

12voto

Hier ist die vollständige Antwort mit jQuery

Ich habe es getestet und es funktioniert zu 100% :D

    // when the button (select_unit_button) is clicked it returns all the checed checkboxes values 
    $("#select_unit_button").on("click", function(e){

             var arr = [];

             $(':checkbox:checked').each(function(i){
                 arr[i] = $(this).val(); // u can get id or anything else
             });

              //console.log(arr); // u can test it using this in google chrome
    });

11voto

David Arul Punkte 161
if($('jquery_selector').is(":checked")){
  //somecode
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

2 Stimmen

Wenn Sie eine Antwort geben, sollten Sie vorzugsweise folgende Angaben machen eine Erklärung, WARUM Ihre Antwort ist derjenige.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X