jquery获取没有选中的checkbox复选框
分类:实例代码
通常我们都是获取选中的复选框,具体可以参阅jQuery获取选中复选框的值代码实例一章节。
下面介绍一下如何获取没有选中的复选框,代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#bt").click(function(){ var str=""; $("input[name='antzone']").not("input:checked").each(function () { str+=$(this).val()+"\r"; }) alert(str); }) }) </script> </head> <body> <input type="checkbox" name="antzone" value="0" />前端教程网一 <input type="checkbox" name="antzone" value="1" />前端教程网二 <input type="checkbox" name="antzone" value="2" />前端教程网三 <input type="checkbox" name="antzone" value="3" />前端教程网四 <input type="checkbox" name="antzone" value="4" />前端教程网五 <input type="checkbox" name="antzone" value="5" />前端教程网六 <input type="checkbox" name="antzone" value="6" />前端教程网七 <input type="checkbox" name="antzone" value="7" />前端教程网八 <input type="button" id="bt" value="查看效果" /> </body> </html>
上面的代码实现了我们的要求,代码比较简单,更多内容可以参阅相关阅读。
相关阅读:
(1).not()可以参阅jQuery not()方法一章节。
(2).each()可以参阅jQuery each()方法一章节。
(3).属性选择器可以参阅jQuery [attribute=value]一章节。
(4).:checked可以参阅jQuery :checked一章节。
jquery获取没有选中的checkbox复选框,这样的场景在实际项目中还是用的比较多的,关于jquery获取没有选中的checkbox复选框就介绍到这了。
jquery获取没有选中的checkbox复选框属于前端实例代码,有关更多实例代码大家可以查看。