简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

js는 체크박스 선택 수를 제한하여 example_javascript 기술로 제한을 6개로 설정합니다.

WBOY
풀어 주다： 2016-05-16 16:42:00
원래의
1155명이 탐색했습니다.

오늘 프로젝트를 진행하면서 체크박스를 여러 개 표시해야 하는데 최대 6개까지만 선택할 수 있는 문제가 발생했습니다. 오랜 시간 디버깅 끝에 드디어 나온 코드는 다음과 같습니다. 

<SCRIPT LANGUAGE="JavaScript"> 
var c=0,limit=6; 
function doCheck(obj) { 
obj.checked&#63;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>
로그인 후 복사

표시 결과는 다음과 같습니다.

관련 라벨：
checkbox 选中个数
원천：php.cn
이전 기사：Express 작성자 TJ는 Node.js에 작별을 고하고 Go_node.js로 향합니다. 다음 기사：nodejs는 시뮬레이션된 양식 업로드 file_node.js를 구현합니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
제출 후 선택한 체크박스 값을 인쇄하는 방법 이것은 데이터를 제출하는 데 필요한 체크박스와 버튼 목록입니다.<label>AccessLocations</label><br/>&l...
에서 2024-04-06 13:07:43
0
2
337
연속 클래스에 CSS 스타일을 적용하는 방법 .checked 클래스가 존재하는 경우 text-꾸밈:line-through; 스타일을 .todo-name에 삽입해야 합니다(CSS로 수행할 수 있는지는 이해하지...
에서 2024-04-02 22:44:36
0
1
319
Bootstrap Vue 체크박스 <b-table> <b-form-checkbox> b-table에 b-form-checkbox를 사용하려고 합니다. 선택한 모듈 ID를 검색해 보세요. <b-tableid="module-table&...
에서 2024-03-31 18:36:11
0
1
389
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！