Heim > Web-Frontend > js-Tutorial > Hauptteil

Eine einfache JavaScript-Methode, um festzustellen, ob ein Kontrollkästchen aktiviert ist, und um die value_javascript-Fähigkeiten zu erhalten

WBOY
Freigeben: 2016-05-16 15:45:17
Original
1244 Leute haben es durchsucht

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="提交" />
Nach dem Login kopieren

Ich hoffe, dass dieser Artikel für das JavaScript-Programmierdesign aller hilfreich sein wird.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage