《复选框的全选、全不选、反选》

              《复选框的全选、全不选、反选》

开发工具与关键技术：MVC
撰写时间：2019/2/6

第一：页面的代码，此处为全选、全不选，反选的三个按钮，写一个带参数的方法。

<div style="margin-left: 100px;margin-top: 100px">
	<form action="" id="oForm">
		<input type="checkbox" name="hobby" id="basket" value="basket" />&nbsp;&nbsp;复选框1
		<br>
		<input type="checkbox" name="hobby" id="zuqiu" value="zuqiu" />&nbsp;&nbsp;复选框2
		<br>
		<input type="checkbox" name="hobby" id="paiqiu" value="paiqiu" />&nbsp;&nbsp;复选框3
		<br>
		<input type="checkbox" name="hobby" id="wnangqiu" value="wnangqiu" />&nbsp;&nbsp;复选框4
		<br>
		<input type="checkbox" name="hobby" id="yumaoqiu" value="yumaoqiu" />&nbsp;&nbsp;复选框5
		<br>
		<br>
		<input type="button" name="all" id="all" value="全选" onclick="setVal(1)" />
		<input type="button" name="allNo" id="allNo" value="全不选" onclick="setVal(0)" />
		<input type="button" name="noCheck" id="noCheck" value="反选" onclick="setVal(-1)" />
	</form>

第二：在页面写一个方法：这个方法就是页面按钮的方法，方法里的参数就是按钮页面的参数 首先获取复选框的值，其实这里的值就像数据库的True 和 false 一样 再根据你所点击按钮的值，通过一个for循环来一个一个执行。 功能如下：