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