jquery判断checkbox(复选框)是否被选中的代码

06

2012
05

//是否被选中验证有选中的return true,否return false
function mycheckbox() {
    var falg = 0;
    $("input[name='soft[]']:checkbox").each(function() {
        if ($(this).attr("checked")) {
            falg += 1;
        }
    }) if (falg > 0) return true;
    else return false;
}

这是一个比较不错的方法，收藏了。下面这个函数是对上面的补充：

本来就是这种写法啊。jq1.42的写法。其次，建议你的逻辑处理
function mycheckbox() {
    var falg = 0;
    $("input[name='soft[]']:checkbox").each(function() {
        if ($(this).attr("checked")) {
            falg = 1;
            return false;
        }
    }) if (falg > 0) return true;
    else return false;
}

下面是简单的判断jquery核心判断语句判断语句

if ($('input:checkbox').attr("checked") == true)

谁都知道在html如果一个复选框被选中是checked = "checked"。但是我们如果用jquery alert($("#id").attr("checked"))会提示您是true而不是checked所以很多朋友判断
if ($("#id").attr("checked") == "true")这个是错误的，其实应该是
if ($("#id").attr("checked") == true)

例子里面包括了一下几个功能。 < input type = "button"id = "btn1"value = "全选" > <input type = "button"id = "btn2"value = "取消全选" > <input type = "button"id = "btn3"value = "选中所有奇数" > <input type = "button"id = "btn4"value = "反选" > <input type = "button"id = "btn5"value = "获得选中的所有值" > 代码

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" > <HTML > <HEAD > <TITLE > New Document < /TITLE>
<meta http-equiv="Content-Type" content="text/html;
charset = UTF - 8 " />
<SCRIPT LANGUAGE="JavaScript " src="http: //www.cnjquery.com/demo/jquery.js"></script >
< SCRIPT LANGUAGE = "JavaScript" > <!--$("document").ready(function() {
    $("#btn1").click(function() {
        $("[name='checkbox']").attr("checked", 'true'); //全选
    }) $("#btn2").click(function() {
        $("[name='checkbox']").removeAttr("checked"); //取消全选
    }) $("#btn3").click(function() {
        $("[name='checkbox']:even").attr("checked", 'true'); //选中所有奇数
    }) $("#btn4").click(function() {
        $("[name='checkbox']").each(function() {

            if ($(this).attr("checked")) {
                $(this).removeAttr("checked");
            } else {
                $(this).attr("checked", 'true');
            }
        })
    }) $("#btn5").click(function() {
        var str = "";
        $("[name='checkbox'][checked]").each(function() {
            str += $(this).val() + ""r "n";
            //alert($(this).val());
        }) alert(str);
    })
})
//-->
< /SCRIPT>
</HEAD > <BODY > <form name = "form1"method = "post"action = "" > <input type = "button"id = "btn1"value = "全选" > <input type = "button"id = "btn2"value = "取消全选" > <input type = "button"id = "btn3"value = "选中所有奇数" > <input type = "button"id = "btn4"value = "反选" > <input type = "button"id = "btn5"value = "获得选中的所有值" > <br > <input type = "checkbox"name = "checkbox"value = "checkbox1" > checkbox1 < input type = "checkbox"name = "checkbox"value = "checkbox2" > checkbox2 < input type = "checkbox"name = "checkbox"value = "checkbox3" > checkbox3 < input type = "checkbox"name = "checkbox"value = "checkbox4" > checkbox4 < input type = "checkbox"name = "checkbox"value = "checkbox5" > checkbox5 < input type = "checkbox"name = "checkbox"value = "checkbox6" > checkbox6 < input type = "checkbox"name = "checkbox"value = "checkbox7" > checkbox7 < input type = "checkbox"name = "checkbox"value = "checkbox8" > checkbox8 < /form>

/ * ***********单个checkbox全选 * ***********************/
function clickCheckbox() {
if($("#checkPathAll").attr("checked"))
{
$("input[name='checkPath']").each(function() {
$(this).attr("checked", true);
});
}
else
{
$("input[name='checkPath']").each(function() {
$(this).attr("checked", false);
});
}
}
/