HTML中复选框的全选与反选

1、引入jQuery —— jquery.js

注意：低版本的js文件可能导致第二次全选不上。

2、全选操作

onchange 事件：表单状态发生改变时触发。

<input type="checkbox" id="qx" name="qx" onchange="a()" />全选

function a(){
		if ($("#qx").is(":checked")) {
			$(":checkbox").each(function() {
				$(this).prop("checked", true);
			});
		} else {
			$(":checkbox").each(function() {
				$(this).prop("checked", false);
			});
		}
	}

注意：

一定要用prop属性，最好不要用attr属性，因为表单中默认prop，如果通过attr或者removeAttr操作，可能会与表单的默认状态产生冲突。