js はチェックボックスの選択数を制限し、example_javascript スキルとして 6 つに制限します。-jsチュートリアル-php.cn

js はチェックボックスの選択数を制限し、example_javascript スキルとして 6 つに制限します。

WBOY

リリース： 2016-05-16 16:42:00

オリジナル

1154 人が閲覧しました

今日プロジェクトに取り組んでいたときに、複数のチェックボックスを表示する必要があるのに、最大 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>

ログイン後にコピー

表示結果は以下のとおりです。