利用jQuery实现一键全选

最新推荐文章于 2022-07-20 23:20:46 发布

hzp020

最新推荐文章于 2022-07-20 23:20:46 发布

阅读量133

点赞数

分类专栏： jQuery 文章标签： jQuery JavaScript ViewUI

本文链接：https://blog.csdn.net/hzp020/article/details/83886138

版权

jQuery 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<script type="text/javascript">

  		$("document").ready(function(){

			$("input#select").click(function(){

				$("input[type=checkbox]").attr("checked",$("input#select").attr("checked"));

			});

  	  	});

 </script>

    <table border="1">

    	<tr class="bg">

    		<td><input type="checkbox" id="select" /></td>

    		<td>选择全部</td>

    	</tr>

    	<tr>

    		<td><input type="checkbox" /></td>

    		<td>选项一</td>

    	</tr>

    	<tr>

    		<td><input type="checkbox" /></td>

    		<td>选项二</td>

    	</tr>

    	<tr>

    		<td><input type="checkbox" /></td>

    		<td>选项三</td>

    	</tr>

    </table>