首页 > 代码库 > 复选框实现
复选框实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://www.mamicode.com/jquery-3.0.0.min.js"> </script><!-- <script type="text/javascript"></script>--> <script type="text/javascript"> $(document).ready(function(){ //var checkall2=document.getElementById("checkall"); //var checkno2=document.getElementById("checkno"); var checkss=$(‘#checkbox input‘); //alert(typeof(checkss)); $(‘#checkall‘).click(function(){ //alert("jjjj"); for(var i=0;i<checkss.length;i++){ if(!checkss.eq(i).is(‘:checked‘));{ checkss.eq(i).prop(‘checked‘,true); } } //checkss.attr(‘checked‘,true); }); $(‘#checkno‘).click(function(){ //alert(‘ss‘); for(var i=0;i<checkss.length;i++){ if(checkss.eq(i).is(‘:checked‘));{ checkss.eq(i).prop(‘checked‘,false); } } // checkss.attr(‘checked‘,false); }); }); //注意：jquery1.7以上的版本用此方法只能第一次好用，第二次就会失效，需要把 checkss.eq(i).attr(‘checked‘, true);改为：checkss.eq(i).prop(‘checked‘,true); </script> </head><body> <form id="form1"> 全选<input id="checkall" type="button"> 全不选<input id="checkno" type="button"> <div id="checkbox"> <input type="checkbox">3C <input type="checkbox">服饰 <input type="checkbox">生活 <input type="checkbox">视频 </div> </form></body></html>
复选框实现
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。