선택된 체크박스 수를 감지하고 제한하는 JavaScript 방법
- PHPz원래의
- 2016-05-16 15:45:431267검색
이 글에서는 주로 JavaScript를 사용하여 선택된 체크박스 수를 감지하고 제한하는 방법을 소개합니다. JavaScript에서 체크박스의 판단 및 작동과 관련된 기술이 포함되어 있어 매우 간단하고 실용적입니다. 자세한 내용은 다음과 같습니다.
여기서 JavaScript를 사용하여 체크박스 선택 여부를 결정하는 동시에 체크박스 선택 개수를 제한할 수 있습니다. 실용적인 JS 양식 판단 예 많은 사람들이 체크박스를 선택했는지 궁금해했습니다. 이제 이 코드는 문제를 해결하는 데 도움이 됩니다.
런닝 효과 스크린샷은 다음과 같습니다.
구체 코드는 다음과 같습니다.
<html>
<head>
<title>判断复选框中否选中</title>
<script>
var check_num = 0;
function check(){
if(event.srcElement.checked==true)
check_num++;
else
check_num--;
if(check_num>3)
{
alert("最多只能选3个！");
event.srcElement.checked=false;
check_num--;
}
}
</script>
</head>
<body>
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<br>
你只能选择3个复选框。
</body>
</html>위는 이 장의 전체 내용, 더 많은 관련 튜토리얼 JavaScript 비디오 튜토리얼을 방문하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.