jQuery复选框全选全不选代码

zoukankan html css js c++ java

jQuery复选框全选全不选代码

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="author" content="http://www.51texiao.cn/" />
<title>jQuery复选框全选全不选代码</title>
<script type="text/javascript" src="js/jquery-1.10.2.js"></script>
<script type="text/javascript">
$.fn.checkCbx=function(){
return this.each(function(){
this.checked = !this.checked;
})
}
$(function(){
$("#btnSelect").click(function(){
this.value = this.value == "全选"?"反选":"全选";
$("input:checkbox").checkCbx();
})
})
</script>
</head>
<body>
<form name="form1" method="post" action="Default8.aspx" id="form1">
<table border="1">
<tr>
<th>选择</th>
<th>id</th>
<th>姓名</th>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>1</td>
<td>蚂蚁部落</td>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>2</td>
<td>蚂蚁部落</td>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>3</td>
<td>蚂蚁部落</td>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>4</td>
<td>蚂蚁部落</td>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>5</td>
<td>蚂蚁部落</td>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>6</td>
<td>蚂蚁部落</td>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>7</td>
<td>蚂蚁部落</td>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>8</td>
<td>蚂蚁部落</td>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>9</td>
<td>蚂蚁部落</td>
</tr>
<tr>
<td><input type="checkbox" name="cbx" /></td>
<td>10</td>
<td>蚂蚁部落</td>
</tr>
</table>
<input id="btnSelect" type="button" value="全选" />
</form>
</body>
</html>

查看全文

相关阅读:
ASP.NET——From验证：全部代码及讲解
 JavaScript 经典代码大全：有目录及编号的哦！
很好的一首英文歌曲：不论是旋律、还是歌词或者MV
2007年10月份_很想念大家
 NND,8月没有来发贴,现在是9月了,要发一个
 买了一个新的域名和主机,呵呵,
视频下载：HTML基础及应用
 简单的哲理，放在最上面，提醒自己
 学的东西忘记得差不多啦......
欲找情人要做哪些准备？

原文地址：https://www.cnblogs.com/lily2015/p/4661965.html