javascript_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 メソッド」 と組み合わせて学習すると、予想外のメリットが得られることは間違いありません。