Maison > Article > interface Web > Explication détaillée de la façon d'implémenter une case à cocher avec js qui ne peut sélectionner qu'un seul élément

Explication détaillée de la façon d'implémenter une case à cocher avec js qui ne peut sélectionner qu'un seul élément

小云云original: 2018-01-24 09:37:383602parcourir

Cet article partage principalement avec vous un exemple de code js qui implémente une case à cocher qui ne peut sélectionner qu'un seul élément. Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde. Suivons l'éditeur et jetons un œil. J'espère que cela pourra aider tout le monde.

Un exemple est le suivant :

<!DOCTYPE HTML>
<html>
<head>
 <title></title>
</head>
<body>
<ul>
 <li><input type="checkbox" name="ss" onclick="choose(this)">1</li>
 <li><input type="checkbox" name="ss" onclick="choose(this)">2</li>
 <li><input type="checkbox" name="ss" onclick="choose(this)">3</li>
 <li><input type="checkbox" name="ss" onclick="choose(this)">4</li>
 <li><input type="checkbox" name="ss" onclick="choose(this)">5</li>
</ul>
<script language="JavaScript">
 function choose(obj){
  var ss= document.getElementsByName("ss");
  for (var i = 0; i < ss.length; i++) {
   ss[i].checked = false;
  }
  obj.checked = true;
 }
</script>
</body>
</html>

L'avez-vous appris ? Dépêchez-vous et essayez-le.

Comment faire en sorte que la case à cocher ne sélectionne qu'un seul item_javascript skills

jquery gère si la case à cocher est sélectionnée, exemple de partage de code

Exemple détaillé de jQuery obtenant la valeur d'un champ dans la ligne actuelle sélectionnée par la case à cocher_

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Le popover personnalisé BootStrap implémente la fonction de masquage de la zone de clicArticle suivant：Le popover personnalisé BootStrap implémente la fonction de masquage de la zone de clic

Articles Liés

Voir plus