Recientemente, encontré un pequeño problema. A veces, cuando usamos radio de opción única, encontraremos que cuando seleccionemos una, ya no podemos elegir una, es decir, no hay función de cancelación después de seleccionarla. En este momento, pensamos en la poderosa casilla de verificación, pero es una opción múltiple, ¿cómo podemos convertirlo en una sola opción? El efecto es el mismo que la radio. Este novato escribió un pequeño programa solo. El código es muy simple, con solo cuatro líneas.
Sin más ADO, código directo:
La copia del código es la siguiente:
<! DocType html public "-// w3c // dtd xhtml 1.0 Transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transicional.dtd ">
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<script src = "js/jQuery-1.8.3.min.js" type = "text/javaScript" lenguaje = "javascript"> </script>
<title> un documento titulado </title>
<script type = "text/javaScript">
$ (function () {
$ (": Checkbox"). Click (function () {
if ($ (this) .attr ("checked")! = Undefined)
{
$ (this) .siblings (). attr ("verificado", falso);
$ (this) .Attr ("verificado", verdadero);
}
});
});
</script>
<estilo>
span, entrada {float: izquierda;}
entrada {ancho: 14px; Altura: 14px;}
span {margin-right: 20px;}
</style>
</ablo>
<Body>
<div>
<input type = "CheckBox" /> <span> 1 </span>
<input type = "Checkbox" /> <span> 2 </span>
<input type = "Checkbox" /> <span> 3 </span>
<input type = "Checkbox" /> <span> 4 </span>
<input type = "Checkbox" /> <span> 5 </span>
<input type = "Checkbox" /> <span> 6 </span>
<input type = "text" /> <span> 7 </span>
</div>
</body>
</html>