So ermitteln Sie, ob das Kontrollkästchen in jquery aktiviert ist-js-Tutorial-php.cn

So ermitteln Sie, ob das Kontrollkästchen in jquery aktiviert ist

coldplay.xixi

Freigeben： 2020-11-30 14:11:21

Original

3935 Leute haben es durchsucht

So verwenden Sie jquery, um festzustellen, ob ein Kontrollkästchen ausgewählt ist: 1. Verwenden Sie, um festzustellen, ob der Code [if($('#checkbox-id').is(':checked'))] ist. 2. Verwenden Sie attr Um festzustellen, lautet der Code [ if ($('#checkbox-id').attr()].

So ermitteln Sie, ob das Kontrollkästchen in jquery aktiviert ist

Empfohlen: „jquery-Video-Tutorial“

Die Betriebsumgebung dieses Tutorials: Windows7 System, JQuery3.5.1-Version, diese Methode ist für alle Computermarken anwendbar.

JQuery-Methode, um festzustellen, ob das Kontrollkästchen aktiviert ist:

Methode 1 (Vorschlag):

if ($("#checkbox-id").get(0).checked) {
    // do something
}

Nach dem Login kopieren

Danke an Doubanlv für das Hinzufügen:

if ($("#checkbox-id")[0].checked) {
    // do something
}

Nach dem Login kopieren

Methode 2 (Vorschlag):

if($(&#39;#checkbox-id&#39;).is(&#39;:checked&#39;)) {
    // do something
}

Nach dem Login kopieren

Methode drei (möglicherweise nicht gültig):

if ($(&#39;#checkbox-id&#39;).attr(&#39;checked&#39;)) {
    // do something
}

Nach dem Login kopieren

Methode vier:

if ($(&#39;#checkbox-id&#39;).prop(&#39;checked&#39;)) {
    // do something
}

Nach dem Login kopieren

Verschiedene Operationen von jquery on

//注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop
    //1、根据id获取checkbox
    $("#cbCheckbox1");
    //2、获取所有的checkbox
    $("input[type=&#39;checkbox&#39;]");//or
    $("input[name=&#39;cb&#39;]");
    //3、获取所有选中的checkbox
    $("input:checkbox:checked");//or
    $("input:[type=&#39;checkbox&#39;]:checked");//or
    $("input[type=&#39;checkbox&#39;]:checked");//or
    $("input:[name=&#39;ck&#39;]:checked");
    //4、获取checkbox值
    //用.val()即可，比如：
    $("#cbCheckbox1").val();
    //5、获取多个选中的checkbox值
    var vals = [];
    $(&#39;input:checkbox:checked&#39;).each(function (index, item) {
        vals.push($(this).val());
    });
    
    //6、判断checkbox是否选中（jquery 1.6以前版本 用  $(this).attr("checked")）
    $("#cbCheckbox1").click(function () {
        if ($(this).prop("checked")) {
            alert("选中");
        } else {
            alert("没有选中");
        }
    });
    //7、设置checkbox为选中状态
    $(&#39;input:checkbox&#39;).attr("checked", &#39;checked&#39;);//or
    $(&#39;input:checkbox&#39;).attr("checked", true);
    //8、设置checkbox为不选中状态
    $(&#39;input:checkbox&#39;).attr("checked", &#39;&#39;);//or
    $(&#39;input:checkbox&#39;).attr("checked", false);
    //9、设置checkbox为禁用状态(jquery<1.6用attr,jquery>=1.6建议用prop)
    $("input[type=&#39;checkbox&#39;]").attr("disabled", "disabled");//or
    $("input[type=&#39;checkbox&#39;]").attr("disabled", true);//or
    $("input[type=&#39;checkbox&#39;]").prop("disabled", true);//or
    $("input[type=&#39;checkbox&#39;]").prop("disabled", "disabled");
    //10、设置checkbox为启用状态(jquery<1.6用attr,jquery>=1.6建议用prop)
    $("input[type=&#39;checkbox&#39;]").removeAttr("disabled");//or
    $("input[type=&#39;checkbox&#39;]").attr("disabled", false);//or
    $("input[type=&#39;checkbox&#39;]").prop("disabled", "");//or
    $("input[type=&#39;checkbox&#39;]").prop("disabled", false);

Nach dem Login kopieren

Kostenloses Lernen zum Thema Empfehlungen:
JavaScript
(Video)

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob das Kontrollkästchen in jquery aktiviert ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!