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

使用jquery实现 checkbox复选框全选和全不选

2014-10-28 23:38 330 查看

<span style="white-space: pre; background-color: rgb(240, 240, 240);"><sciprt type="text/javascript" src="js/jquery-1.8.3.min.js"></script></span>

<script type="text/javascript">

<span style="white-space: pre;">	</span>$(function (){

<span style="white-space: pre;">		</span>$("#through").click(function(){

<span style="white-space: pre;">			</span>$('input[name="through"]').<span style="font-family: Arial, Helvetica, sans-serif;  background-color: rgb(255, 255, 255);"><strong><span style="color:#ff0000">prop</span></strong></span><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">("checked",this.checked); </span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">				</span>});</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">				</span>var $through = $("input[name='through']");</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">				</span>$through.click(function(){</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">					</span> $("#through").</span><span style="font-family: Arial, Helvetica, sans-serif;  background-color: rgb(255, 255, 255);"><strong><span style="color:#ff0000">prop</span></strong></span><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">("checked",$through.length == $("input[name='through']:checked").length ? true : false);</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">				</span>});</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="white-space:pre">		</span>});</span>

<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></script></span>

</head>
<body>
<table>
<tr>
<th><label><input id="through" type="checkbox"/>全选</label></th>
</tr>
<tr>
<td><label><input name="through" type="checkbox" />通过</label></td>
</tr>
<tr>
<td><label><input name="through" type="checkbox" />通过</label></td>
</tr>
<tr>
<td><label><input name="through" type="checkbox" />通过</label></td>
</tr>
</table>
</body>
</html> 阅读更多

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航