多选框全选/取消jQuery 简单实现

最新推荐文章于 2024-06-01 16:11:46 发布

china_skag

最新推荐文章于 2024-06-01 16:11:46 发布

阅读量771

点赞数

分类专栏： AJAX/jQuery/Javascript HTML

本文链接：https://blog.csdn.net/china_skag/article/details/8672092

版权

HTML 同时被 2 个专栏收录

111 篇文章 0 订阅

订阅专栏

AJAX/jQuery/Javascript

41 篇文章 0 订阅

订阅专栏

Javascript代码

<SCRIPT type=text/javascript src="http://www.csswang.com/js/jquery-1.4.4.min.js"></SCRIPT> 
<SCRIPT type=text/javascript> 
function selectAll(checkbox) { 
$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked')); 
} 
</SCRIPT>

Html代码

<INPUT οnclick=selectAll(this); type=checkbox>全选<BR> 
<INPUT type=checkbox><BR> 
<INPUT type=checkbox><BR> 
<INPUT type=checkbox><BR> 
<INPUT type=checkbox><BR> 
<INPUT type=checkbox><BR> 
<INPUT type=checkbox><BR>

示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://www.csswang.com/js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
	function selectAll(checkbox) {
	$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked'));
	}
</script>
<title>多选框全选/取消jQuery一句话实现</title>
</head>
<html>
	<body>
		<input type="checkbox" οnclick="selectAll(this);" />全选<br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
        <input type="checkbox"  /><br/>
    </body>
</html>