Récemment, j'ai rencontré un petit problème. Parfois, lorsque nous utilisons une radio à choix unique, nous constatons que lorsque nous en sélectionnons un, nous ne pouvons plus en choisir un, c'est-à-dire qu'il n'y a pas de fonction d'annulation après l'avoir sélectionnée. Pour le moment, nous pensons à la puissante case, mais c'est un choix multiple, comment pouvons-nous en faire un seul choix? L'effet est le même que la radio. Cette recrue a écrit un petit programme par lui-même. Le code est très simple, avec seulement quatre lignes.
Sans plus tarder, code direct:
La copie de code est la suivante:
<! Doctype html public "- // w3c // dtd xhtml 1.0 transitional // en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<script src = "js / jquery-1.8.3.min.js" type = "text / javascript" linguisétique = "javascript"> </ script>
<Title> UNT intitulé Document </Title>
<script type = "text / javascript">
$ (function () {
$ (": checkbox"). Cliquez sur (fonction () {
if ($ (this) .attr ("vérifié")! = Undefined)
{
$ (this) .siblings (). attr ("vérifié", false);
$ (this) .attr ("vérifié", true);
}
});
});
</cript>
<style>
Span, entrée {float: gauche;}
entrée {largeur: 14px; hauteur: 14px;}
Span {marge-droite: 20px;}
</ style>
</ head>
<body>
<div>
<entrée type = "Checkbox" /> <span> 1 </span>
<entrée type = "Checkbox" /> <span> 2 </span>
<entrée type = "Checkbox" /> <span> 3 </span>
<entrée type = "Checkbox" /> <span> 4 </span>
<entrée type = "Checkbox" /> <span> 5 </span>
<entrée type = "Checkbox" /> <span> 6 </span>
<entrée type = "Text" /> <span> 7 </span>
</div>
</docy>
</html>