之前總結了一下關於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判斷復選框是否被選中的方法》結合起來一起學習,一定會有意想不到的收獲!