javascript判断复选框是否选中的方法

前端技术 2023/09/05 JavaScript

之前总结了一下关于jquery如何判断复选框是否选中的问题，今天总结如何判断js复选框是否选中
javascript判断复选框是否选中，下面通过例子来说明（现在有如下的一组复选框）：

<input type=\"checkbox\" name=\"fruit\" value=\"apple\" />苹果 
<input type=\"checkbox\" name=\"fruit\" value=\"orange\" />橘子 
<input type=\"checkbox\" name=\"fruit\" value=\"banana\" />香蕉 
<input type=\"checkbox\" name=\"fruit\" value=\"grape\" />葡萄

获取 name=fruit 的一组复选框的值的方法如下：

<script language=\"javascript\"> 
function checkbox(){ 
  var str=document.getElementsByName(\'fruit\'); 
  var strstrLen=str.length; 
  var checkVal=\'\'; 
  for (i=0;i<strLen;i++){ 
    if(str[i].checked==true){ 
      checkVal+=str[i].value+\',\'; 
    } 
  } 
  if(checkVal==\'\'){ 
    alert(\"请先选择复选框～！\"); 
  }else{ 
    alert(\"复选框的值是：\"+checkVal); 
  } 
} 
</script>

与之前《jquery判断复选框是否被选中的方法》结合起来一起学习，一定会有意想不到的收获！

本文地址：https://www.stayed.cn/item/13108

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案