您的位置:首页 > Web前端 > JQuery

jquery checkbox全选、取消全选实现代码

2010-03-05 00:00 253 查看
<script src="http://img.jb51.net/jslib/jquery/jquery-1.3.2.min.js"></script> 
<input type="checkbox" name="checkbox_name[]” id=”checkbox_name_1″ />1<br /> <input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_2″ />2<br /> 
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_3″ />3<br /> 
<input type=”checkbox” name=”checkbox_name[]” id=”checkbox_name_4″ />4<br /> 
<input type=”checkbox” name=”checkedAll” id=”checkedAll”/>全选/取消全选 
<script type="text/javascript"><!-- 
$(function() { 
$("#checkedAll").click(function() { 
if ($(this).attr("checked") == true) { // 全选 
$("input[name='checkbox_name[]']").each(function() { 
$(this).attr("checked", true); 
}); 
} else { // 取消全选 
$("input[name='checkbox_name[]']").each(function() { 
$(this).attr("checked", false); 
}); 
} 
}); 
}); 
// --> 
</script>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: