zoukankan      html  css  js  c++  java
  • html checkbox 实现全选/取消全选效果

    <html>
    <body>
     
    	<table border="1">
    		<tr>
    			<th><input type="checkbox" onclick="swapCheck()" /></th>
    			<th>Month</th>
    			<th>Savings</th>
    		</tr>
    		<tr>
    			<td><input type="checkbox" /></td>
    			<td>January</td>
    			<td>$100</td>
    		</tr>
    		<tr>
    			<td><input type="checkbox" /></td>
    			<td>February</td>
    			<td>$150</td>
    		</tr>
    	</table>
     
    	<script type="text/javascript"
    		src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
     
    	<script type="text/javascript">
    		//checkbox 全选/取消全选
    		var isCheckAll = false;
    		function swapCheck() {
    			if (isCheckAll) {
    				$("input[type='checkbox']").each(function() {
    					this.checked = false;
    				});
    				isCheckAll = false;
    			} else {
    				$("input[type='checkbox']").each(function() {
    					this.checked = true;
    				});
    				isCheckAll = true;
    			}
    		}
    	</script>
     
    </body>
    </html>
    
  • 相关阅读:
    校门外的树
    学生档案
    冒泡排序法
    寻找最大数序列
    初识结构体
    找零钱
    冒泡的应用
    关于数组的逆序重放
    关于质数
    字符串转换为日期格式
  • 原文地址:https://www.cnblogs.com/hanfe1/p/12973838.html
Copyright © 2011-2022 走看看