ホームページ > 記事 > ウェブフロントエンド > js はチェックボックスの選択数を制限し、example_javascript スキルとして 6 つに制限します。
js はチェックボックスの選択数を制限し、example_javascript スキルとして 6 つに制限します。
- WBOYオリジナル
- 2016-05-16 16:42:001145ブラウズ
今日プロジェクトに取り組んでいたときに、複数のチェックボックスを表示する必要があるのに、最大 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 までご連絡ください。