//問題點
初始狀態復選框沒有全選，
點擊全選按鈕調用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選中后再次選中失效的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持錯新站長站。
新聞熱點
疑難解答
圖片精選
