读书人

jQuery兑现多选框全部选中和全部取消

发布时间: 2012-11-25 11:44:31 作者: rapoo

jQuery实现多选框全部选中和全部取消
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Toggle Select</title>
<script language="javascript" type="text/javascript"><!--
function toggleCheck() {
jQuery('input[name=batch]').attr('checked', jQuery('#main').attr('checked'));
}
--></script>
</head>
<body>
<table>
<tr>
批量选中<input type="checkbox" id="main" onclick="toggleCheck();"/>
</tr>
<tr>
1<input type="checkbox" name="batch"/>
</tr>
<tr>
2<input type="checkbox" name="batch"/>
</tr>
<tr>
3<input type="checkbox" name="batch"/>
</tr>
</table>
</body>
</html>

读书人网 >Web前端

热点推荐