Heim > Artikel > Web-Frontend > So machen Sie das Kontrollkästchen in JQuery schreibgeschützt
So machen Sie das Kontrollkästchen in JQuery schreibgeschützt
- 青灯夜游Original
- 2022-07-25 16:06:392359Durchsuche
Zwei schreibgeschützte Methoden: 1. Verwenden Sie attr(), um das deaktivierte Attribut zum Kontrollkästchen hinzuzufügen. Die Syntax lautet "$("input[type='checkbox']").attr("disabled",true) ;"; 2. Verwenden Sie click(), um den Kontrollkästchenstatus so festzulegen, dass sich der Kontrollkästchenstatus beim Klicken nicht ändert. Die Syntax lautet "$("input[type='checkbox']").click(function(){return FALSCH;})".
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.6.0-Version, Dell G3-Computer.
Wenn es um schreibgeschützt geht, kann man leicht an die Verwendung des schreibgeschützten Attributs denken, aber bei Kontrollkästchen unterscheidet sich dieses Attribut vom erwarteten Effekt. Der Grund dafür ist, dass das schreibgeschützte Attribut mit dem Wertattribut des Seitenelements verknüpft ist (z. B. Textfeld, der Textinhalt des Eingabefelds kann nicht geändert werden, wenn schreibgeschützt festgelegt ist) und das Aktivieren/Deaktivieren des Kontrollkästchens sein Wertattribut nicht ändert , nur ein geprüfter Zustand. Wenn also das Kontrollkästchen „schreibgeschützt“ aktiviert ist, kann es trotzdem aktiviert/deaktiviert werden.
<input type="checkbox" readonly>option a<br> <input type="checkbox" readonly>option b<br> <input type="checkbox" readonly>option c<br>
Aber ähnlich wie bei readonly gibt es auch ein deaktiviertes Attribut. Die Funktion dieses Attributs besteht darin, das Seitenelement auf nicht verfügbar zu setzen, dh es können keine interaktiven Vorgänge ausgeführt werden (einschließlich des Wertattributs, das nicht geändert werden kann). , der geprüfte Status kann nicht geändert werden usw.).
<input type="checkbox" disabled>option a<br> <input type="checkbox" disabled>option b<br> <input type="checkbox" disabled>option c<br>
Methode 1:
In jquery können Sie attr() verwenden, um das Attribut „disabled“ zum Kontrollkästchen hinzuzufügen = Wenn die Wenn das Attribut „deaktiviert“ verwendet wird, wird das Kontrollkästchen ausgegraut und Benutzer mögen den Effekt möglicherweise nicht. Sie können das Kontrollkästchen (Kontrollkästchen) auch so einstellen, dass es seinen Status beim Klicken nicht ändert.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="js/jquery-3.6.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("button").click(function() {
$("input[type='checkbox']").attr("disabled", true);
});
});
</script>
</head>
<body>
<input type="checkbox">option a<br>
<input type="checkbox">option b<br>
<input type="checkbox">option c<br>
<br>
<button>让复选框只读</button>
</body>
</html>
Empfohlene verwandte Video-Tutorials: jQuery-Tutorial (Video)
Das obige ist der detaillierte Inhalt vonSo machen Sie das Kontrollkästchen in JQuery schreibgeschützt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!