Heim > Artikel > Web-Frontend > Eine einfache JavaScript-Methode, um festzustellen, ob ein Kontrollkästchen aktiviert ist, und um die value_javascript-Fähigkeiten zu erhalten
Das Beispiel in diesem Artikel beschreibt, wie Sie mithilfe von JavaScript einfach feststellen, ob ein Kontrollkästchen aktiviert ist, und den Wert extrahieren. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:
Hier wird JavaScript verwendet, um den Wert des Kontrollkästchens abzurufen. Wenn Freunde zum ersten Mal Formulare zum Übermitteln von Daten verwenden, stoßen sie normalerweise auf ein spezielles Element im Formular – das Kontrollkästchen, um festzustellen, ob es ausgewählt ist, und um es abzurufen Der Wert scheint sich ein wenig von anderen Formularelementen zu unterscheiden. Dieser Code zeigt Ihnen, wie Sie den Wert des Kontrollkästchens ermitteln und feststellen, ob es aktiviert ist.
Der Betriebseffekt ist wie folgt:
Der spezifische Code lautet wie folgt:
<title>JavaScript 获取复选框的值</title> <script> function checkbox() { var str=document.getElementsByName("box"); var objarray=str.length; var chestr=""; for (i=0;i<objarray;i++) { if(str[i].checked == true) { chestr+=str[i].value+","; } } if(chestr == "") { alert("请先选择复选框~!"); } else { alert("复选框的值是:"+chestr); } } </script> 选择您的拿手技术: <input type="checkbox" name="box" id="box1" value="ASP" />ASP <input type="checkbox" name="box" id="box2" value="PHP" />PHP <input type="checkbox" name="box" id="box3" value="JSP" />JSP <input type="button" name="button" id="button" onclick="checkbox()" value="提交" />
Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.