prop解决一个checkbox选中后再次选中失效的问题
Posted 风流倜傥任潇洒， 不负青春好年华。
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了prop解决一个checkbox选中后再次选中失效的问题相关的知识，希望对你有一定的参考价值。
//问题点
初始状态复选框没有全选，
点击全选按钮调用checkAll方法，
实现了全选，
然后点击全不选按钮，
实现了全不选，
然后再次点击全选按钮，
结果却木有全选，
再反复点击木有任何反应。
demo:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="js/jquery-1.11.3.min.js"></script> <script> $(function () { $("#allchoose").click(function () { $(":checkbox").prop("checked",true); }) $("#allnochoose").click(function () { if ($(":checkbox").is(":checked")){ $(":checkbox").attr("checked",false); } }) $("#choose").click(function () { if($(":checkbox").is(":checked")){ $(":checkbox").attr("checked",false); }else{ $(":checkbox").prop("checked",true); } }) }) </script> </head> <body> <input type="checkbox" name="checkbox" id="">乒乓球 <input type="checkbox" name="checkbox" id="">羽毛球 <input type="checkbox" name="checkbox" id="">足球 <input type="checkbox" name="checkbox" id="">篮球 <input type="checkbox" name="checkbox" id="">排球<br> <input type="button" value="全选" id="allchoose"> <input type="button" value="全不选" id="allnochoose"> <input type="button" value="反选" id="choose"> <input type="submit" value="提交" id="submit"> </body> </html>
以上是关于prop解决一个checkbox选中后再次选中失效的问题的主要内容，如果未能解决你的问题，请参考以下文章
jquery中checkbox选中取消后，不能再被jquery选中的问题！
黄聪：JQUERY判断操作CHECKBOX选中取消选中反选第二次无法选中的问题