본문 바로가기

xhtml

checkbox 하나만 선택되게 하기

 


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

그리고 체크박스에는 onclick 이벤트를 걸어주면 되겠다.

<input name="aaa" type="checkbox" value="1" onclick="doOpenCheck(this);">aaa <br />
<input name="aaa" type="checkbox" value="2" onclick="doOpenCheck(this);">bbb <br />
<input name="aaa" type="checkbox" value="3" onclick="doOpenCheck(this);">ccc <br />


'this'
를 넘겨주어서 클릭되어진 객체의 값을 넘겨주고 'aaa' 로 값을 가져온것과 비교 하면서

 

'xhtml' 카테고리의 다른 글

자주 쓰는 태그  (0) 2013.04.11
유용한 링크 모음  (0) 2012.11.22
레이어 팝업 하루동안 열지 않기 스크립트  (0) 2012.11.16