jquery如何判断checkbox是否选中?多种方法

发布时间:2020-08-05编辑:脚本学堂
本文介绍了jquery判断checkbox是否选中的多种方法,多使用id选择器判断checkbox复选框是否选中,需要的朋友参考下。

第一部分,jquery如何判断checkbox是否选中的三种就去,建议使用方法二。
方法一:
 

复制代码 代码示例:
if ($("#checkbox-id")get(0).checked) {
    // do something
}
 

方法二:
 

复制代码 代码示例:
if($('#checkbox-id').is(':checked')) {
    // do something
}
 

方法三:
 

复制代码 代码示例:
if ($('#checkbox-id').attr('checked')) {
    // do something
}

第二部分,jQuery判断checkbox是否选中的小例子
判断checkbox是否选中的方法有很多,jquery是如何做到的?

例子:
 

复制代码 代码示例:
var systemBackup = $("#field_systemBackup").is(":checked");


选中返回true, 未选中返回false

第三部分,jQuery验证Checkbox是否选中的代码

jQuery验证Checkbox是否选中

例1,大多人在用的方法:
 

复制代码 代码示例:
function chk() //是否被选中验证有选中的return true,否return false
{
var falg = 0;
$("input[name=cbname]:checkbox").each(function(){
if($(this).attr("checked")) // 这里可以用 if($("#cr").is(":checked"))
{
falg +=1; // 这里可以加上 return false 退出循环
}
}) // www.jb200.com
if(falg >0)
return true;
else
return false;
}

以下代码更简单更高效:
 

复制代码 代码示例:
if($("input[name=cbname]:checkbox").length==0) // 没有选择中任项

第四部分,jquery checkbox,radio是否选中的判断代码
jquery checkbox,radio是否选中的判断代码
1:判断radio
 

复制代码 代码示例:
var selected = $('input[name=selectid:checked]').val();//若未被选中 则val() = null
if(selected == null){
alert("未选中!");
}else{
alert("选中!");
}

2:判断checkbox
 

复制代码 代码示例:
var n = $("input:checked").length;
if(n==0){
alert("未选中!");
}else{
alert("选中!");
}
$("div").text(n + (n <= 1 ? " is" : " are") + " checked!");
3:checkbox数组全选、取消全选
$("#selAll").click(function(){
$("input[name='cbox[]']").attr("checked",$(this).attr("checked"));
});

有关jquery判断checkbox与radio是否选中的方法与实例,就介绍这些了,希望对大家有所帮助。