この記事では、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 ビデオ チュートリアル をご覧ください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
