jquery如何判断checkbox（复选框）是否被选中(转载)
雨中无伞-----WEB前端开发
jquery如何判断checkbox（复选框）是否被选中
谁都知道 在html 如果一个复选框被选中 是 checked="checked"。
?
但是我们如果用jquery alert($("#id").attr("checked")) 会提示您是true而不是checked
?
所以很多朋友判断 ?if($("#id").attr("checked")=="true") 这个是错误的，其实应该是 if($("#id").attr("checked")==true)
?
例子里面包括了一下几个功能。
?
? ?<input type="button" id="btn1" value="全选">
? ?<input type="button" id="btn2" value="取消全选">
? ?<input type="button" id="btn3" value="选中所有奇数">
? ?<input type="button" id="btn4" value="反选">
? ?<input type="button" id="btn5" value="获得选中的所有值">
?
代码
?
?
?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
?<HEAD>
? <TITLE> New Document </TITLE>
? <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
? ? <SCRIPT LANGUAGE="JavaScript" src="http://www.cnjquery.com/demo/jquery.js"></script>
? <SCRIPT LANGUAGE="JavaScript">
? <!--
? ?$("document").ready(function(){
?
? ? $("#btn1").click(function(){
?
? ? $("[name='checkbox']").attr("checked",'true');//全选
?
? ? })
? ? ? ?$("#btn2").click(function(){
?
? ? $("[name='checkbox']").removeAttr("checked");//取消全选
?
? ? })
? ? $("#btn3").click(function(){
?
? ? $("[name='checkbox']:even").attr("checked",'true');//选中所有奇数
?
? ? })
? ? $("#btn4").click(function(){
?
? ? $("[name='checkbox']").each(function(){
?
?
? ? ?if($(this).attr("checked"))
? ?{
? ? $(this).removeAttr("checked");
?
? ?}
? ?else
? ?{
? ? $(this).attr("checked",'true');
?
? ?}
?
? ? })
?
? ? })
? ? ?$("#btn5").click(function(){
? ? var str="";
? ? $("[name='checkbox'][checked]").each(function(){
? ? ?str+=$(this).val()+""r"n";
? ?//alert($(this).val());
? ? })
? ?alert(str);
? ? })
? ?})
? //-->
? </SCRIPT>
?
?</HEAD>
?
?<BODY>
?<form name="form1" method="post" action="">
? ?<input type="button" id="btn1" value="全选">
? ?<input type="button" id="btn2" value="取消全选">
? ?<input type="button" id="btn3" value="选中所有奇数">
? ?<input type="button" id="btn4" value="反选">
? ?<input type="button" id="btn5" value="获得选中的所有值">
? ?<br>
? ?<input type="checkbox" name="checkbox" value="checkbox1">
? ?checkbox1
? ?<input type="checkbox" name="checkbox" value="checkbox2">
? ?checkbox2
? ?<input type="checkbox" name="checkbox" value="checkbox3">
? ?checkbox3
? ?<input type="checkbox" name="checkbox" value="checkbox4">
? ?checkbox4
? ?<input type="checkbox" name="checkbox" value="checkbox5">
? ?checkbox5
? ?<input type="checkbox" name="checkbox" value="checkbox6">
? ?checkbox6
? ?<input type="checkbox" name="checkbox" value="checkbox7">
? ?checkbox7
? ?<input type="checkbox" name="checkbox" value="checkbox8">
?checkbox8
?</form>
