jquery实现全选和全不选功能效果的实现代码【推荐】
网上好多代码都是错的
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>jquery实现全选和全不选功能效果的实现代码【推荐】</title>
</head>
<scriptsrc="jquery-1.7.1.min.js"></script>
<scripttype="text/javascript">
$(document).ready(function(){
$("#checkedAll").click(function(){
//alert("aa");
if($(this).attr("checked")){//全选
$("input[name='checkbox_name']").each(function(){
$(this).attr("checked",true);
});
}
else{//取消全选
$("input[name='checkbox_name']").each(function(){
$(this).attr("checked",false);
});
}
});
});
</script>
<body>
<inputtype="checkbox"name="checkbox_name"id="checkbox_name_1"/>1<br/>
<inputtype="checkbox"name="checkbox_name"id="checkbox_name_2"/>2<br/>
<inputtype="checkbox"name="checkbox_name"id="checkbox_name_3"/>3<br/>
<inputtype="checkbox"name="checkbox_name"id="checkbox_name_4"/>4<br/>
<inputtype="checkbox"name="checkedAll"id="checkedAll"/>全选/取消全选
</body>
</html>
以上这篇jquery实现全选和全不选功能效果的实现代码【推荐】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。
热门推荐
10 财运虎年祝福语简短语
11 单亲爸爸春节祝福语简短
12 狗狗上厕所训练
13 植物种植祝福语简短
14 翻译考试祝福语朋友简短
15 个人周年庆简短祝福语
16 狗狗怎么训练
17 分别祝福语简短搞笑英文
18 生日广州男生祝福语简短