Ich bin kürzlich auf ein kleines Problem gestoßen, das heißt, wenn wir das Einzelauswahl-Radio verwenden, stellen wir fest, dass wir nach der Auswahl keines mehr auswählen können, das heißt, es gibt nach der Auswahl keine Abbruchfunktion Ich habe an das leistungsstarke Kontrollkästchen gedacht, aber es gibt mehrere Auswahlmöglichkeiten. Der Effekt ist der gleiche wie bei Radio. Der Code ist sehr einfach, nur vier Zeilen.
Kein Unsinn mehr, nur Code:
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="js/jquery-1.8.3.min.js" type="text/javascript" language="javascript"></script>
<title>无标题文档</title>
<script type="text/javascript">
$(function(){
$(":checkbox").click(function(){
if($(this).attr("checked")!=undefined)
{
$(this).siblings().attr("checked",false);
$(this).attr("checked",true);
}
});
});
</script>
<style>
span,input{float:left;}
input{ width:14px; height:14px;}
span{ margin-right:20px;}
</style>
</head>
<body>
<p>
<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>
</p>
</body>
</html>Weitere Eingaben: Kontrollkästchen mit Mehrfachauswahl, um den gleichen Einzelauswahleffekt wie bei Radio zu erzielen. Beachten Sie für verwandte Artikel bitte die PHP-Chinese-Website !
So schließen Sie Port 445 in XP
So verwenden Sie die Print()-Funktion in Python
Lösung für die Meldung „Ungültige Partitionstabelle' beim Start von Windows 10
So erstellen Sie eine GIF-Animation in PS
CSS-Hintergrundcode-Sammlung
Maßnahmen zur Speicherung der Datenverschlüsselung
So überprüfen Sie tote Links auf Websites
Der Unterschied zwischen Server und Cloud-Host
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
