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实现全选和全不选功能效果的实现代码【推荐】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。