Maison > Article > interface Web > js limite le nombre de cases à cocher, en prenant la limite à six comme exemple de compétences javascript

js limite le nombre de cases à cocher, en prenant la limite à six comme exemple de compétences javascript

WBOYoriginal: 2016-05-16 16:42:001143parcourir

Lorsque je travaillais sur un projet aujourd'hui, j'ai rencontré un problème. Je devais afficher plusieurs cases à cocher, mais je n'en sélectionnais que 6 au maximum. Après un long débogage, il est finalement sorti. Le code est le suivant :

<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>

Les résultats d'affichage sont les suivants :

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：L'auteur express TJ fait ses adieux à Node.js et se dirige vers Go_node.jsArticle suivant：L'auteur express TJ fait ses adieux à Node.js et se dirige vers Go_node.js

Articles Liés

Voir plus