js는 체크박스 선택 수를 제한하여 example_javascript 기술로 제한을 6개로 설정합니다.
- WBOY원래의
- 2016-05-16 16:42:001205검색
오늘 프로젝트를 진행하면서 체크박스를 여러 개 표시해야 하는데 최대 6개까지만 선택할 수 있는 문제가 발생했습니다. 오랜 시간 디버깅 끝에 드디어 나온 코드는 다음과 같습니다.
<SCRIPT LANGUAGE="JavaScript">
var c=0,limit=6;
function doCheck(obj) {
obj.checked?c++:c--;
if(c>limit){
obj.checked=false;
alert("over");
c--;
}
}
</SCRIPT>
<html>
<body>
<input type="CHECKBOX" name="sample1" onClick="doCheck(this)">A
<input type="CHECKBOX" name="sample2" onClick="doCheck(this)">B
<input type="CHECKBOX" name="sample3" onClick="doCheck(this)">C
<input type="CHECKBOX" name="sample4" onClick="doCheck(this)">D
<input type="CHECKBOX" name="sample5" onClick="doCheck(this)">E
<input type="CHECKBOX" name="sample6" onClick="doCheck(this)">F
<input type="CHECKBOX" name="sample7" onClick="doCheck(this)">G
<input type="CHECKBOX" name="sample8" onClick="doCheck(this)">H
<input type="CHECKBOX" name="sample9" onClick="doCheck(this)">I
<input type="CHECKBOX" name="sample10" onClick="doCheck(this)">J
</body>
</html>
표시 결과는 다음과 같습니다.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.