Em um site de recrutamento, limitando o número de tags de trabalho selecionadas pelos usuários, você pode localizar com precisão a posição do usuário. Por exemplo, o usuário recebe uma tag de posição alternativa na forma de uma caixa de seleção, restringindo o usuário de selecionar até 3 e proibir o usuário de continuar selecionando quando mais de três.
As caixas de seleção são usadas em pesquisas de questionários e os sites de recrutamento são amplamente utilizados. Hoje, vamos introduzir como limitar o número de opções para selecionar no máximo:
Ideias:
Ouça o evento OnClick da caixa de seleção
Checkbox.onClick = function () {// Bloco de código}Ouça as propriedades verificadas da caixa de seleção:
if (chckbox.checked) {// bloco de código}Código HTML:
<input type = "caixa de seleção" name = "sport" /> basquete <r /> <input type = "caixa de seleção" name = "sport" /> futebol <r /> <input type = "caixa de seleção" name = "sport" /> voleyball <br /> <input type = "check" name "sport" /> badminton <br /> <input /input /type = "caixa de seleção" = "sport" /> badminton <br /> <input /input /" até três itens </p>
Código JavaScript:
var sportSelect = document.getElementsByName ('Sport'), maxnums = 3; para (var i no SportSelect) {SportSelect [i]. OnClick = function () {var _sportSelect = document.getElementsByName ('Sport'), cnums = 0; para (var i em _sportSelect) {if (i == 'comprimento') quebra; if (_sportSelect [i] .Checked) {cnums ++; }} if (cnums> maxnums) {this.checked = false; alerta ('só pode escolher três itens na maioria dos itens'); }}}O código de implementação para os itens mais selecionados na caixa de seleção restrita acima é todo o conteúdo que eu compartilhei com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.