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

Question

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?

Answer 1

So aktivieren Sie ein Kontrollkästchen mit jQuery 1.6 oder höher einfach dies tun:

checkbox.prop('checked', true);

Um die Markierung zu entfernen, verwenden Sie:

checkbox.prop('checked', false);

Hier ist, was ich gerne verwenden, um ein Kontrollkästchen mit jQuery umzuschalten:

checkbox.prop('checked', !checkbox.prop('checked'));

---

Wenn Sie Folgendes verwenden jQuery 1.5 oder niedriger:

checkbox.attr('checked', true);

Um die Markierung zu entfernen, verwenden Sie:

checkbox.attr('checked', false);

Answer 2

Hier ist eine Möglichkeit, dies ohne jQuery zu tun

function addOrAttachListener(el, type, listener, useCapture) {
  if (el.addEventListener) {
    el.addEventListener(type, listener, useCapture);
  } else if (el.attachEvent) {
    el.attachEvent("on" + type, listener);
  }
};

addOrAttachListener(window, "load", function() {
  var cbElem = document.getElementById("cb");
  var rcbElem = document.getElementById("rcb");
  addOrAttachListener(cbElem, "click", function() {
    rcbElem.checked = cbElem.checked;
  }, false);
}, false);

<label>Click Me!
  <input id="cb" type="checkbox" />
</label>
<label>Reflection:
  <input id="rcb" type="checkbox" />
</label>

Answer 3

Hier ist der Code für "checked" und "unchecked" mit einer Schaltfläche:

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).attr('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).attr('checked', false); unset=1; }
        });
        set=unset;
    });
});

Update: Hier ist derselbe Codeblock unter Verwendung der neueren Jquery 1.6+ prop-Methode, die attr ersetzt:

var set=1;
var unset=0;
jQuery( function() {
    $( '.checkAll' ).live('click', function() {
        $( '.cb-element' ).each(function () {
            if(set==1){ $( '.cb-element' ).prop('checked', true) unset=0; }
            if(set==0){ $( '.cb-element' ).prop('checked', false); unset=1; }
        });
        set=unset;
    });
});

Answer 4

Versuchen Sie dies:

$('#checkboxid').get(0).checked = true;  //For checking

$('#checkboxid').get(0).checked = false; //For unchecking

Answer 5

Wir können verwenden elementObject mit jQuery, um das Attribut zu überprüfen:

$(objectElement).attr('checked');

Wir können dies für alle jQuery-Versionen verwenden, ohne dass ein Fehler auftritt.

Update: Jquery 1.6+ hat die neue prop Methode, die attr ersetzt, z.B.:

$(objectElement).prop('checked');