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

Wenn Sie Folgendes verwenden PhoneGap Wenn Sie eine Anwendung entwickeln und einen Wert auf der Schaltfläche haben, der sofort angezeigt werden soll, müssen Sie Folgendes tun

$('span.ui-[controlname]',$('[id]')).text("the value");

Ich habe festgestellt, dass die Schnittstelle ohne die Spanne nicht aktualisiert wird, egal was Sie tun.

Answer 2

Hier ist der Code und die Demo, wie man mehrere Kontrollkästchen ankreuzt...

http://jsfiddle.net/tamilmani/z8TTt/

$("#check").on("click", function () {

    var chk = document.getElementById('check').checked;
    var arr = document.getElementsByTagName("input");

    if (chk) {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = true;
        }
    } else {
        for (var i in arr) {
            if (arr[i].name == 'check') arr[i].checked = false;
        }
    }
});

Answer 3

Wie @livefree75 sagte:

jQuery 1.5.x und niedriger

Sie können das $.fn-Objekt auch mit neuen Methoden erweitern:

(function($)  {
   $.fn.extend({
      check : function()  {
         return this.filter(":radio, :checkbox").attr("checked", true);
      },
      uncheck : function()  {
         return this.filter(":radio, :checkbox").removeAttr("checked");
      }
   });
}(jQuery));

Aber in neuen Versionen von jQuery, müssen wir etwas wie dieses verwenden:

jQuery 1.6+

    (function($)  {
       $.fn.extend({
          check : function()  {
             return this.filter(":radio, :checkbox").prop("checked", true);
          },
          uncheck : function()  {
             return this.filter(":radio, :checkbox").prop("checked",false);
          }
       });
    }(jQuery));

Dann können Sie es einfach tun:

    $(":checkbox").check();
    $(":checkbox").uncheck();

Answer 4

Eine andere mögliche Lösung:

    var c = $("#checkboxid");
    if (c.is(":checked")) {
         $('#checkboxid').prop('checked', false);
    } else {
         $('#checkboxid').prop('checked', true);
    }

Answer 5

Für jQuery 1.6+

$('.myCheckbox').prop('checked', true);
$('.myCheckbox').prop('checked', false);

Für jQuery 1.5.x und niedriger

$('.myCheckbox').attr('checked', true);
$('.myCheckbox').attr('checked', false);

Zur Kontrolle,

$('.myCheckbox').removeAttr('checked');