温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

jquery如何判断checkbox(复选框)是否被选中

发布时间:2020-04-17 23:45:31 阅读:2956 作者:q564362102 栏目:web开发
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

 谁都知道 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> 

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

1 ue he
AI

开发者交流群×