HTML JS判断复选框 全选，取消全选

HTML JS判断复选框 全选，取消全选

 

通过监听 全选按钮 ，判断全选的状态值，如果为true，循环设置选项的checked 状态值

页面

				<tr>
					<th id="checkbox"><input type="checkbox" id="checkAll" name ="checkAll">全选</th>
					<th>序号ID</th>
					<th>页面名称</th>
				</tr

JS

$("#checkbox").click(function() {
				var selects = document.getElementsByName("checked_name");
				if(document.getElementById("checkAll").checked==true)
				{
					for (var i = 0; i < selects.length; i++) {
						selects[i].checked = true;
				}} else {
					for (var i = 0; i < selects.length; i++) {
						selects[i].checked = false;
					}
				}
			});