我想这样做,使用jQuery勾选复选框:

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

or

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

这样的事情存在吗?


当前回答

另一种可能的解决方案:

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

其他回答

这是完整的答案使用jQuery

我测试了它,它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
    });

我错过了解决方案。我将始终使用:

if ($('#myCheckBox:checked').val() !== undefined)
{
    //Checked
}
else
{
    //Not checked
}

2019年1月编辑

您可以使用:.prop(propertyName)-添加的版本:1.6

p{margin:20px 0 0;}b{颜色:红色;}标签{颜色:红色;}<!doctype html><html lang=“en”><head><meta charset=“utf-8”><script src=“https://code.jquery.com/jquery-1.10.2.js“></script></head><body><input id=“check1”type=“checkbox”checked=“checked”><label for=“check1”>检查此处</label><p></p><脚本>$(“input”).change(函数){var$input=$(this);$(“p”).html(“.attr(\”checked\“):<b>”+$input.attr“(”checked“)+”</b><br>“+“.prop(\”checked\“):<b>”+$input.prop(”checked“)+“</b><br>”+“.is(\”:checked \“):<b>”+$input.is(“:checked”)+“</b>”);}).change();</script></body></html>

论角度框架

示例1

在.html文件中

<input type="checkbox" (change)="toggleEditable($event)">

在.ts文件中

toggleEditable(event) {
     if ( event.target.checked ) {
         this.contentEditable = true;
    }
}

示例2

在.html文件中

<input type="checkbox" [(ngModel)]="isChecked" (change)="checkAction(isChecked ? 'Action1':'Action2')" />

这里有一种不使用jQuery的方法

函数addOrAttachListener(el,type,listener,useCapture){if(el.addEventListener){el.addEventListener(类型,监听器,useCapture);}否则如果(el.attachEvent){el.attachEvent(“on”+类型,监听器);}};addOrAttachListener(窗口,“加载”,函数(){var cbElem=文档.getElementById(“cb”);var rcbElem=文档.getElementById(“rcb”);addOrAttachListener(cbElem,“单击”,函数(){rcbElem.checked=cbElem.check;},假);},假);<label>单击我!<input id=“cb”type=“checkbox”/></label><label>反射:<input id=“rcb”type=“checkbox”/></label>

您可以使用JavaScript以不同的方式检查复选框检查条件。你可以在下面看到。

第一种方法-$('.myCheckbox').prop('checked',true);第二种方法-$('.myCheckbox').attr('checked',true);第三种方法(如果选中或未选中复选框,则用于检查条件)-$('.myCheckbox').is(':checked')