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

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()].

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
}

Danke an Doubanlv für das Hinzufügen:

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

Methode 2 (Vorschlag):

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

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

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

Methode vier:

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

Verschiedene Operationen von jquery on

//注意： 操作checkbox的checked,disabled属性时jquery1.6以前版本用attr,1.6以上（包含）建议用prop
    //1、根据id获取checkbox
    $("#cbCheckbox1");
    //2、获取所有的checkbox
    $("input[type='checkbox']");//or
    $("input[name='cb']");
    //3、获取所有选中的checkbox
    $("input:checkbox:checked");//or
    $("input:[type='checkbox']:checked");//or
    $("input[type='checkbox']:checked");//or
    $("input:[name='ck']:checked");
    //4、获取checkbox值
    //用.val()即可，比如：
    $("#cbCheckbox1").val();
    //5、获取多个选中的checkbox值
    var vals = [];
    $('input:checkbox:checked').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为选中状态
    $('input:checkbox').attr("checked", 'checked');//or
    $('input:checkbox').attr("checked", true);
    //8、设置checkbox为不选中状态
    $('input:checkbox').attr("checked", '');//or
    $('input:checkbox').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);

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!