Dans un site Web de recrutement, en limitant le nombre de balises d'emploi sélectionnées par les utilisateurs, vous pouvez localiser avec précision le poste de l'utilisateur. Par exemple, l'utilisateur reçoit une balise de position alternative sous la forme d'une case à cocher, restreignant l'utilisateur de sélectionner jusqu'à 3 et interdisant à l'utilisateur de continuer à sélectionner à plus de trois.
Les cases à cocher sont utilisées dans les enquêtes de questionnaire et les sites Web de recrutement sont largement utilisés. Aujourd'hui, présentons comment limiter le nombre d'options à sélectionner au maximum:
Idées:
Écoutez l'événement OnClick de la case à cocher
checkbox.onclick = function () {// Bloc de code}Écoutez les propriétés cochées de la case à cocher:
if (chckbox.checked) {// Bloc de code}Code html:
<input type = "checkbox" name = "sport" /> basketball <br /> <input type = "checkbox" name = "sport" /> football <br /> <input type = "checkbox" name = "sport" /> volleyball <br /> <input type = "checkbox" name = "sport" /> badminton <br /> <plier type = "checkbox" name = "sport" /> tableau tennis <b / p> <p> Éléments </p>
Code javascript:
var SportSelect = document.getElementsByName ('Sport'), maxNums = 3; pour (var i dans SportSelect) {SportSelect [i]. onClick = function () {var _sportSelect = document.getElementsByName ('sport'), cnums = 0; for (var i in _sportSelect) {if (i == 'longueur') pause; if (_sportSelect [i] .Checked) {cnums ++; }} if (cnums> maxNums) {this.checked = false; alert ('ne peut choisir que trois éléments au maximum'); }}}Le code d'implémentation pour les éléments les plus sélectionnés dans la case à cocher restreinte ci-dessus est tout le contenu que j'ai partagé avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.