在jquery中判断checkbox是否选中只要使用is(“:checked”)即可解决了,下面我们一起来看一个实例吧,希望对大家有帮助。
is(":checked")是一个非常好用的jQuery方法,可以很快地判断多选对象是不是被选中了。
下面举例说明:
代码如下 | 复制代码 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>1-6-1</title> <!-- 引入 jQuery --> <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script> <script type="text/javascript"> //等待dom元素加载完毕. $(document).ready(function(){ var $cr = $("#cr"); //jQuery对象 $cr.click(function(){ if($cr.is(":checked")){ //jQuery方式判断 alert("感谢你的支持!你可以继续操作!"); } }) }); </script> </head> <body> <input type="checkbox" id="cr"/><label for="cr">我已经阅读了上面制度.</label> </body> </html> |
附一个全选实例
代码如下 | 复制代码 |
<script type="text/javascript"> $(function() { $("#selectall").click(function() { $("input[@name='shareuser[]']").each(function() { $(this).attr("checked", true); }); }); $("#deselectall").click(function() { $("input[@name='shareuser[]']").each(function() { $(this).attr("checked", false); }); }); }); </script> <input type='checkbox' id='in-shareuser-10' name='shareuser[]' value='10' />UserA <input type='checkbox' id='in-shareuser-11' name='shareuser[]' value='11' />UserB <input type='checkbox' id='in-shareuser-12' name='shareuser[]' value='12' />UserC <input type="button" id="selectall" name="selectall" value="全选" /> <input type="button" id="deselectall" name="deselectall" value="取消全选" />
|