如何使用不同的jQuery版本来检查复选框是否选中你可以使用jQuery中的is()函数或:checked属性来检查复选

你可以使用jQuery中的is()函数或:checked属性来检查复选框是否被选中，也可以使用普通JavaScript中的checked属性。

这是一个简短的教程，介绍如何使用不同的jQuery版本来检查复选框是否选中。

在html中，复选框是用html输入标签创建的，如下所示。 html复选框是用来选择多个值的，但在这个例子中，每个复选框的名字是不同的，在这个例子中总是返回单个元素。

<div>
        Country
        <input type="checkbox" name="india" checked id="india" class="checkboxStyle"> India
        <input type="checkbox" name="usa" id="usa" class="checkboxStyle"> USA
    </div>

html中的checked属性使复选框被选中，这意味着在html中添加checked ，相当于checked=true。

checked=null/empty/false或checked属性未被发现意味着复选框未被选中。

那么，如何发现复选框是否被选中？

如何在普通的javascript中找到复选框是否被选中？

在JavaScript中，可以用document.getElementById选择器来选择元素，这是一个普通JavaScript的id选择器，不需要导入库。

你可以查看其他关于读取输入的不同方法的例子。

getElementByid返回具有id=provided值的复选框元素。

你可以在普通JavaScript中使用不同的方法，checked 属性和is 函数checked 属性返回布尔值true/false。

// this is for checked box
document.getElementById("idcheckbox").checked returns true;

// not checked box
document.getElementById("idcheckbox").checked returns false;

checked属性的完整例子。

 var isIndiaChecked = document.getElementById('india').checked;
     console.log(isIndiaChecked) // 
    console.log(isIndiaChecked.checked) //true
    if (isIndiaChecked) { 
        console.log('checked');
    } else {
        console.log('not checked');
    }

同样可以用 :is函数和:checked伪元素实现。

用jquery检查或不检查复选框

在Jquery中，我们有多种方法可以找出复选框的选择情况

is()函数
:checked选择器

在JQuery中，一个元素可以使用id、class、name选择器来检索

$('#india') - 选择id=india的复选框$ ('.checkboxStyle') - 选择class="checkboxStyle "的复选框 $('input[checkbox]') - 选择输入类型="checkbox "的复选框

is函数

是函数，如果元素在给定的id选择器中被选中，返回boolean=rue。

        console.log($('#india').is(":checked"));
        console.log($('#usa').is(":checked"));

以上是一个例子，用于查找由给定id检查的复选框。

也可以用类选择器，我们可以在jquery中使用.classname来选择html元素。

由于我们有两个带有class="checkboxStyle "的复选框元素，它返回复选框的集合。

如何找到多个复选框的复选框？

使用jquery中的每个循环，这将有一个回调函数与每个复选框迭代。 This.checked返回checked值。

下面的例子返回选中的元素以及未选中的值。

           $('.checkboxStyle').each(function() {
            console.log(this.name + ":" + this.checked);
        });

并输出：

India:true
USA:false

如何发现复选框未被选中？

你可以使用jquery not selector来查找未检查的复选框。结合:not selector和:checked ，返回所有未检查的复选框。

语法:

$(":not(selector)")

例子

console.log($('#india').is(':not(:checked)')); // returns false india checkbox is checked
console.log($('#usa').is(':not(:checked)')); // returns true usa checkbox is not checked

结论

复选框和单选按钮提供了:checked伪元素，我们可以使用多种方法与:is method 和:checked 来知道复选框是否被选中，:not选择器与:checked结合使用来知道复选框未被选中。