码迷,mamicode.com
首页 > 其他好文 > 详细

checkbox的问题整理

时间:2015-12-15 12:20:15      阅读:123      评论:0      收藏:0      [点我收藏+]

标签:

之前做过一些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里的东西了。

(点滴问题,记录成长)

checkbox的问题整理

标签:

原文地址:http://www.cnblogs.com/BATAKK/p/5047509.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!