체크박스 선택 수를 제한하는 JavaScript 샘플 코드_javascript 기술

10개의 체크박스가 있으며 사용자는 최대 3개까지만 선택할 수 있습니다. 그렇지 않으면 모든 체크박스가 회색으로 표시됩니다.
(사용자가 체크박스를 다시 선택해도 다시 선택할 수 있습니다.)
코드 재사용을 위해 변수 부분을 JS 매개변수로 설정합니다.

JS 코드
첫 번째 매개변수는 체크박스 이름, 두 번째 매개변수는 최대 허용 체크값입니다.

코드 복사 코드는 다음과 같습니다.

function choicetest(name,num){
var choicearr = document.getElementsByName(name);
var a=0;
for(var i=0;iif(choicearr[i].checked) {
a=a 1;
}
if(a==num){
for(var i=0;iif(!choicearr[ i]. 확인됨)
choicearr[i].disabled='disabled';
}else{
for(var i=0;ichoicearr[i] .removeAttribute( 'disabled')
}
}

예제 프로그램

코드 복사 코드는 다음과 같습니다.

< head>
< ;meta http-equiv="Content-Type" content="text/html; charset=utf-8" />