jquery获取复选框

Html代码:

<input type="checkbox" name="chekItem" />
		checkbox1
		<br />
		<input type="checkbox" name="chekItem" />
		checkbox2
		<br />
		<input type="checkbox" name="chekItem" />
		checkbox3
		<br />
		<input type="checkbox" name="chekItem" />
		checkbox4
		<br />
		<input type="button" id="btn1" value="全选" />
		<br />
		<input type="button" id="btn2" value="取消全选 " />
		<br />
		<input type="button" id="btn3" value="反选 " />
		<br />
		<input type="button" id="btn4" value="选中所有偶数 " />
		<br />
		<input type="button" id="btn5" value="输出选中的值 " />


Jquery代码:

<script type="text/javascript">
$("document").ready(function() {
	$("#btn1").click(function() {
		$("input[name='chekItem']").each(function() {//全选
					$(this).attr("checked", !this.checked);
				});
	});

	$("#btn2").click(function() {
		$("[name='chekItem']").removeAttr("checked");//取消全选  
		});

	$("#btn3").click(function() {
		$("[name='chekItem']").each(function() {//反选  
					if ($(this).attr("checked")) {
						$(this).removeAttr("checked");
					} else {
						$(this).attr("checked", true);
					}
				});
	});

	$("#btn4").click(function() {
		$("[name='chekItem']:odd").attr("checked", true);//选中所有偶数  
		});

	$("#btn5").click(function() {//输出选中的值  
				var str = "";
				$("[name='chekItem'][checked]").each(function() {
					str += $(this).val() + "/r/n";
					alert($(this).val());
				});
				alert(str);
			});

});


原文地址:https://www.cnblogs.com/keanuyaoo/p/3285508.html