Une méthode JavaScript simple pour déterminer si une case à cocher est cochée et acquérir les compétences value_javascript

L'exemple de cet article décrit comment utiliser JavaScript pour déterminer simplement si une case à cocher est sélectionnée et extraire la valeur. Partagez-le avec tout le monde pour votre référence. Les détails sont les suivants :

JavaScript est utilisé ici pour obtenir la valeur de la case à cocher. Lorsque des amis commencent à utiliser des formulaires pour soumettre des données, ils rencontrent généralement un élément spécial dans le formulaire - la case à cocher, pour déterminer si elle est sélectionnée et l'obtenir. valeur. La valeur semble être un peu différente des autres éléments du formulaire. Ce code vous montrera comment obtenir la valeur de la case à cocher et déterminer si elle est sélectionnée.

L'effet de l'opération est comme indiqué ci-dessous :

Le code spécifique est le suivant :

<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="提交" />

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.