[JavaScript] CheckBox 중복 방지

 

사과

딸기

포도

 

 

Html

<p>사과</p>
<p><input name="box" type="checkbox" value="1" onclick="NoMultiChk(this)"/></p>
<p>딸기</p>
<p><input name="box" type="checkbox" value="2" onclick="NoMultiChk(this)"/></p>
<p>포도</p>
<p><input name="box" type="checkbox" value="3" onclick="NoMultiChk(this)"/></p>

Script

function NoMultiChk(chk){
  var obj = document.getElementsByName("box");
   for(var i=0; i<obj.length; i++){
     if(obj[i] != chk){
       obj[i].checked = false;
     }
   }
}