เมื่อเร็ว ๆ นี้ฉันพบปัญหาเล็ก ๆ น้อย ๆ บางครั้งเมื่อเราใช้วิทยุตัวเลือกเดียวเราจะพบว่าเมื่อเราเลือกหนึ่งเราไม่สามารถเลือกได้อีกต่อไปนั่นคือไม่มีฟังก์ชั่นการยกเลิกหลังจากเลือก ในเวลานี้เราคิดถึงช่องทำเครื่องหมายที่ทรงพลัง แต่มันเป็นตัวเลือกที่หลากหลายเราจะทำให้เป็นตัวเลือกเดียวได้อย่างไร เอฟเฟกต์เหมือนกับวิทยุ มือใหม่คนนี้เขียนโปรแกรมเล็ก ๆ ด้วยตัวเอง รหัสนั้นง่ายมากโดยมีเพียงสี่บรรทัด
โดยไม่ต้องกังวลใจเพิ่มเติมรหัสโดยตรง:
การคัดลอกรหัสมีดังนี้:
<! 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>
<tite> เอกสารชื่อ UNT </title>
<script type = "text/javascript">
$ (function () {
$ (": ช่องทำเครื่องหมาย") คลิก (ฟังก์ชัน () {
if ($ (นี่) .attr ("ตรวจสอบ")! = ไม่ได้กำหนด)
-
$ (นี่) .siblings (). attr ("ตรวจสอบ", เท็จ);
$ (นี่) .attr ("ตรวจสอบ", จริง);
-
-
-
</script>
<style>
ช่วง, อินพุต {float: ซ้าย;}
อินพุต {width: 14px; ความสูง: 14px;}
Span {margin-right: 20px;}
</style>
</head>
<body>
<div>
<อินพุต type = "ช่องทำเครื่องหมาย" /> <span> 1 </span>
<อินพุต type = "ช่องทำเครื่องหมาย" /> <span> 2 </span>
<อินพุต type = "ช่องทำเครื่องหมาย" /> <span> 3 </span>
<อินพุต type = "ช่องทำเครื่องหมาย" /> <span> 4 </span>
<อินพุต type = "ช่องทำเครื่องหมาย" /> <span> 5 </span>
<อินพุต type = "ช่องทำเครื่องหมาย" /> <span> 6 </span>
<อินพุต type = "text" /> <pan> 7 </span>
</div>
</body>
</html>