checkbox的问题整理

之前做过一些checkbox的小功能,由于水平有限总是在这一部分花费一些时间,趁现在时间充裕些,整理出来。

checkbox是否被选中的判断

第一种:

$(this).is(":checked")

第二种:

$(this).attr("checked")//返回checked及undefined

第三种:

document.getElementById("check1").checked;//返回true或false
$(this).get(0).checked");//返回true或false

上边三种判断方法,第一种最简洁最有效。

第三种方法涉及到一个js跟jq写法转换的问题。

所以建议还是第一种写法最好。

那么这样一来判断全选与全选取消就简单了很多。

$(".check_all").click(function(){
    if($(this).is(":checked")){
        $("input[type=checkbox]").attr("checked",true);//全选
    }else{
        $("input[type=checkbox]").attr("checked",false);//取消全选
    }
})

 checkbox能够绑定click,跟onchange事件。当然以上所说的都是jq里的东西了。

(点滴问题,记录成长)

posted on 2015-12-15 11:03  小胖儿不想动  阅读(130)  评论(0编辑  收藏  举报

导航