En un sitio web de reclutamiento, al limitar la cantidad de etiquetas de trabajo seleccionadas por los usuarios, puede ubicar con precisión la posición del usuario. Por ejemplo, se proporciona al usuario una etiqueta de posición alternativa en forma de una casilla de verificación, restringir al usuario que seleccione hasta 3 y prohíbe que el usuario continúe seleccionando cuando sea más de tres.
Las casillas de verificación se utilizan en encuestas de cuestionario, y los sitios web de reclutamiento se utilizan ampliamente. Hoy, presentemos cómo limitar el número de opciones para seleccionar como máximo:
Ideas:
Escuche el evento OnClick de la casilla de verificación
checkbox.Onclick = function () {// bloque de código}Escuche las propiedades verificadas de la casilla de verificación:
if (chckbox.ecked) {// bloque de código}Código HTML:
<input type = "checkBox" name = "Sport" /> Basketball <br /> <input type = "checkBox" name = "Sport" /> Football <Br /> <input type = "checkBox" name = "Sport" /> voleibol <Br /> <input type = "checkBox" name = "Sport" /> badMinton <Br /> <input type = "Nombre de chechbox" Nombre = "Sport" /> Table Table <brail <BR /bra. Elementos </p>
Código JavaScript:
var sportselect = document.getElementsByName ('Sport'), maxnums = 3; para (var i en SportSelect) {SportSelect [i]. onClick = function () {var _sportSelect = document.getElementsByName ('Sport'), cnums = 0; for (var i en _SportSelect) {if (i == 'longitud') ruptura; if (_sportelect [i] .ecked) {cnums ++; }} if (cnums> maxnums) {this.ecked = false; alerta ('solo puede elegir tres elementos como máximo'); }}}El código de implementación para los elementos más seleccionados en la casilla de verificación restringida anterior es todo el contenido que he compartido con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.