Heim > Artikel > Web-Frontend > So ermitteln Sie, ob das Kontrollkästchen in jquery aktiviert ist
So ermitteln Sie, ob das Kontrollkästchen in jquery aktiviert ist
- coldplay.xixiOriginal
- 2020-12-24 09:41:383398Durchsuche
So bestimmt jquery, ob das Kontrollkästchen ausgewählt ist: 1. Bestimmen Sie, ob [$(checkbox's id).prop("checked")] einen booleschen Werttyp zurückgibt. 2. Bestimmen Sie [$(this).is(":checked "; )] gibt auch einen booleschen Wert zurück.
Die Betriebsumgebung dieses Tutorials: Windows7-System, JQuery3.2.1-Version, DELL G3-Computer.
Empfehlung: jquery-Video-Tutorial
So beurteilen Sie, ob das Kontrollkästchen in jquery aktiviert ist:
jQuery kann die Effizienz des HTML-Schreibens erheblich verbessern. Es gibt mehrere Möglichkeiten, zu beurteilen, ob das Kontrollkästchen aktiviert ist:
1, $ (id of checkbox).prop("checked") gibt einen booleschen Wert vom Typ $(checkbox的id).prop("checked")返回的是一个boolean值类型
2， $(this).is(":checked")
$(this).is(":checked") auch gibt einen booleschen Werttyp zurück Hier ist ein Beispiel für das Klicken auf das Kontrollkästchen zum Ändern der Textfeldattribute: 🎜<!doctype html> <html> <head> <meta charset="utf-8"> <title>exp8_3</title> </head> <body> <input type="text" name="first" id="first"><br> <input type="text" name="second" id="second"><br> <input type="checkbox" name="cb" id="hide" value="1"><span id="v0">隐藏第三个文本框</span><br> <input type="checkbox" name="cb" id="ml" value="2"><span id="v1">变长第一个文本框</span><br> <input type="text" name="third" id="third"> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="application/javascript"> var t1 = $("#first"); var t2 = $("#second"); var t3 = $("#third"); $(document).ready(function(e) { t2.mousedown(function(e) {//t2被鼠标按下后 var str = t1.val();//获得t1的文本信息 t2.val(str);//加载入t2的文本 }); $("#hide").click(function(e) { //var flag = $(this).is(":checked"); var flag = $(this).prop("checked"); t3.toggle();//动态显示隐藏文本框 if(flag) $("#v0").html("显示第三个文本框"); else $("#v0").html("隐藏第三个文本框"); }); $("#ml").click(function(e) { var flag2 = $(this).prop("checked"); if(flag2){ t1.css('width','300px'); $("#v1").html("变短第一个文本框"); } else{ t1.css('width','169px'); $("#v1").html("变长第一个文本框"); } }); }); </script> </body> </html>Verwandte kostenlose Lernempfehlungen: Javascript (Video)
Das obige ist der detaillierte Inhalt vonSo ermitteln Sie, ob das Kontrollkästchen in jquery aktiviert ist. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!