判断一个checkbox复选框是否被选中
分类:实例代码
分享一段简单的代码实例,它实现了判断一个复选框是否被选中。
代码实例如下:
<!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> $(document).ready(function () { $("#bt").click(function () { $("#show").text($("input:eq(2)").is(":checked")); }) }) </script> </head> <body> <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" /> <div id="show"></div> <input type="button" id="bt" value="查看效果"/> </body> </html>
上面的代码实现了判断功能,更多内容可以参阅相关阅读。
代码演示了is()方法和:checked选择器,但是上面的效率不是最高的,可以使用prop()方法优化。
代码实例如下:
$("#show").text($("input:eq(2)").prop("checked"));
相关阅读:
(1).text()方法可以参阅jQuery text()一章节。
(2).:eq()可以参阅jQuery :eq()一章节。
(3).is()可以参阅jQuery is()一章节。
(4).:checked可以参阅jQuery :checked一章节。
(5).prop()方法可以参阅jQuery prop()一章节。