jQuery判断checked的三种方法

作者：System 时间：2024年08月23日分类：所有,jquery 字数：622

在jQuery中，你可以使用几种方法来判断checkbox或radio button是否被checked（选中）。

方法一：使用is()函数。is()函数用于检查当前jQuery对象是否匹配选择器。




if ($('#myCheckbox').is(':checked')) {
    // checkbox is checked
}

方法二：使用prop()函数。prop()函数用于获取在匹配元素集合中第一个元素的属性值。




if ($('#myCheckbox').prop('checked')) {
    // checkbox is checked
}

方法三：使用is(':checked')或hasClass('checked')来判断。这种方法通常用于自定义的checkbox或radio样式。




if ($('#myCheckbox').hasClass('checked')) {
    // checkbox is checked
}

注意：方法一和方法二是jQuery官方推荐的方法，方法三是一种特殊情况，需要你的checkbox或radio使用了某种自定义样式（例如Bootstrap的checkbox或radio）。