监控checkbook
<html> <head> <meta charset="utf-8"/> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script> </head> <body> <input type="checkbox" id="c1" /> <input type="checkbox" id="c2" /> <input type="checkbox" id="c3" /> <button onclick="check()">验证</button> <script type="text/javascript"> function check(){ var ck=$("input:checkbox"); for (var i=0; i<ck.length; i++) { alert("第"+(i+1)+"个的选中状态是："+ck.eq(i).is(":checked")) } } </script> </body> </html>
至少要选择一样
<html> <head> <meta charset="utf-8"/> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script> </head> <body> <input type="checkbox" id="c1" /> <input type="checkbox" id="c2" /> <input type="checkbox" id="c3" /> <button onclick="check()">验证</button> <script> function check(){ var ck=$("input:checkbox"); var x=0; for(var i=0; i<ck.length; i++){ if (ck.eq(i).is(":checked")==false) { x+=1;} if(ck.length==x){alert("你啥都没选")} } } </script> </body> </html>
多样化，趣味多选
<html> <head> <meta charset="utf-8"/> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" ></script> <style type="text/css"> html,body{background-color:pink;} </style> </head> <body> 评价博主帅不帅？！<br/> <input type="checkbox" id="c1" value="小伙子算你还有脑子！"/>帅<br/> <input type="checkbox" id="c2" value="嗯嗯，我就喜欢听实话！" />非常帅<br/> <input type="checkbox" id="c3" value="小伙子我很中意你呦！"/>不是一般的帅<br/> <button onclick="check()">验证</button> <script> function check(){ var ck=$("input:checkbox"); var x=0; for(var i=0; i<ck.length; i++){ if (ck.eq(i).is(":checked")==true) { x+=1; } } if(x==0){ alert("你啥都没选，你想死？") } for(var i=0; i<ck.length; i++){ if (ck.eq(i).is(":checked")==true&&x==1) { alert(ck.eq(i).val()) } if (x==2) { alert("咳咳，选一个就够啦！！"); return false; }else if(x==ck.length){ alert("嗯嗯，都选了，我喜欢！！"); return false; } } } </script> </body> </html>