复选框获取值

Posted 2020-08-07 海洋svs

<script>
function checkbox()
{
var str=document.getElementsByName("box");
var objarray=str.length;
var chestr="";
j=0;
for (i=0;i<objarray;i++)
{
  if(str[i].checked == true)
  {
      ++j;
      if(chestr==""){
           chestr+=str[i].value;
      }else{
           chestr+=","+str[i].value;
      }
  }
}
if(chestr == "")
{
  alert("请先选择一个爱好～！");
}
else
{
  alert("您先择的是："+chestr+" 长度：："+j);
}
}
</script>

选择您的爱好：
  <input type="checkbox" name="box" id="box1" value="跳水" />跳水
  <input type="checkbox" name="box" id="box2" value="跑步" />跑步
  <input type="checkbox" name="box" id="box3" value="听音乐" />听音乐
  <input type="button" name="button" id="button" onclick="checkbox()" value="提交" />