Recentemente, encontrei um pequeno problema. Às vezes, quando usamos o rádio de escolha única, descobriremos que, quando selecionarmos um, não podemos mais escolher um, ou seja, não há função de cancelamento depois de selecioná-lo. Neste momento, pensamos na poderosa caixa de seleção, mas é uma escolha múltipla, como podemos fazer uma única escolha? O efeito é o mesmo que o rádio. Este novato escreveu um pequeno programa sozinho. O código é muito simples, com apenas quatro linhas.
Sem mais delongas, código direto:
A cópia do código é a seguinte:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-bransitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<script src = "js/jQuery-1.8.3.min.js" type = "text/javascript" idioma = "javascript"> </sCript>
<title> unt intitulado Documento </title>
<script type = "text/javascript">
$ (function () {
$ (": caixa de seleção"). Clique (function () {
if ($ (this) .attr ("verificado")! = indefinido)
{
$ (this) .siblings (). att ("verificado", false);
$ (this) .attr ("verificado", verdadeiro);
}
});
});
</script>
<estilo>
extensão, entrada {float: esquerda;}
entrada {width: 14px; Altura: 14px;}
span {margem-direita: 20px;}
</style>
</head>
<Body>
<div>
<input type = "Caixa de seleção" /> <pan> 1 </span>
<input type = "Caixa de seleção" /> <pan> 2 </span>
<input type = "Caixa de seleção" /> <pan> 3 < /span>
<input type = "Caixa de seleção" /> <pan> 4 < /span>
<input type = "Caixa de seleção" /> <pan> 5 < /span>
<input type = "Caixa de seleção" /> <pan> 6 < /span>
<input type = "text" /> <span> 7 </span>
</div>
</body>
</html>