JQuery全选反选

 

$(function(){
	$('#inputChkAll').click(function(){
		$("input[name='chkJob']").attr("checked", $(this).attr("checked"));//注意此处
	});
});

代码如上，#inputChkAll用来全选或者全不选的CheckBox控件，其控制了name='chkJob'这个复选组。

现在回过头再来看看以前用JS如何实现全选和全不选的：

//全选
function checkall() {
	var all = document.getElementsByTagName("input");
	for (var i = 0; i < all.length; i++) {
		if (all[i].type == "checkbox") {
			all[i].checked = true;
		}
	}
}
 
// 反选
function checknull() {
	var all = document.getElementsByTagName("input");
	for (var i = 0; i < all.length; i++) {
		if (all[i].type == "checkbox") {
			all[i].checked = false;
		}
	}
}


全选或单选
$(function(){
	$('#serverselect').click(function(){
		$("input[name='sv_id_lst']").attr("disabled", $(this).attr("checked"));//注意此处
	});
});

<input type="radio" name="sv_id_lst" value="${s.sv_id}" />