利用jQuery检测checkbox是否有选中

发布时间：2018-08-27 15:46:50 所属栏目：传媒来源：站长网

导读：利用 jQuery 的:checked选择器返回size()即可，通过IE6、IE7、 IE8 、FF、 Chrome $(input[name='aaa']:checked).size() 演示： !DOCTYPE HTMLhtml lang=en-USheadmeta charset=UTF-8title利用jQuery检测checkbox是否被选中/title/headbodypinput type=che

利用jQuery的:checked选择器返回size()即可，通过IE6、IE7、IE8、FF、Chrome

$("input[name='aaa']:checked").size()

演示：

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title>利用jQuery检测checkbox是否被选中</title> </head> <body> <p><input type="checkbox" name="aaa" id="" /></p> <p><input type="checkbox" name="aaa" id="" /></p> <p><input type="checkbox" name="aaa" id="" /></p> <p><input type="checkbox" name="aaa" id="" /></p> <p><input type="checkbox" name="aaa" id="" /></p> <p><input type="submit" value="测试" id="j_submit" /></p> <script type="text/javascript" src="http://www.veryhuo.com/uploads/common/js/jquery-1.4.2.min.js" charset="utf-8"></script> <script type="text/javascript"> $("#j_submit").bind("click", function() { alert($("input[name='aaa']:checked").size()); }); </script> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：运行后需刷新方可显示效果！~

（编辑：淮安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!