Wie kann das Problem gelöst werden, dass das Kontrollkästchen nach erneuter Auswahl fehlschlägt?-js-Tutorial-php.cn

Wie kann das Problem gelöst werden, dass das Kontrollkästchen nach erneuter Auswahl fehlschlägt?

零下一度

Freigeben： 2017-07-18 15:36:14

Original

1737 Leute haben es durchsucht

Der herkömmliche Auswahl- und Stornierungscode lautet wie folgt:

[html] view plain copy
 print?
<!DOCTYPE html>  
<html>  
<head>  
    <meta charset="utf-8">  
    <meta http-equiv="X-UA-Compatible" content="IE=edge">  
    <title></title>  
    <script type="text/javascript" src="../js/jquery-1.11.2.min.js"></script>  
</head>  
<body>  
    <input type="checkbox" name="checkbox" id="checkbox" >  
    <input type="button" onclick="btn_submit();" name="" id="btn_submit" value="选中">  
    <input type="button" onclick="btn_cancel();" id="btn_cancel" value="取消选中">  
</body>  
    <script>  
        var btn_cancel = function(){  
            <span style="color:#ff0000;">$("#checkbox").attr(&#39;checked&#39;,false);</span>  
        };  
        var btn_submit = function(){  
            <span style="color:#ff0000;">$("#checkbox").attr(&#39;checked&#39;,true);</span>  
        };  
    </script>  
</html>

Nach dem Login kopieren

//Problempunkt

Das Kontrollkästchen für den Anfangszustand ist nicht vollständig aktiviert,

Klicken Sie auf die Schaltfläche „Alle auswählen“, um die Methode „checkAll“ aufzurufen,

führt die Auswahl aller durch,

und klickt dann auf die Schaltfläche „Alle auswählen aufheben“,

erkennt die Auswahl von „Keine“,

Dann klicken Sie erneut auf die Schaltfläche „Alle auswählen“,

aber das Ergebnis ist nicht vollständig ausgewählt,

und klicken Sie wiederholt darauf, aber es passiert nichts.

Demo:

<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><script src="js/jquery-1.11.3.min.js?1.1.11"></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>

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann das Problem gelöst werden, dass das Kontrollkästchen nach erneuter Auswahl fehlschlägt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!