في الآونة الأخيرة ، واجهت مشكلة صغيرة. في بعض الأحيان ، عندما نستخدم راديو الاختيار الفردي ، سنجد أنه عندما نختار واحدة ، لم يعد بإمكاننا اختيار واحدة ، أي أنه لا توجد وظيفة إلغاء بعد اختيارها. في هذا الوقت ، نفكر في خانة الاختيار القوية ، لكنها خيار متعدد ، كيف يمكننا أن نجعلها خيارًا واحدًا؟ التأثير هو نفسه الراديو. كتب هذا الصاعد برنامجًا صغيرًا بنفسه. الكود بسيط للغاية ، مع أربعة أسطر فقط.
دون مزيد من اللغط ، الرمز المباشر:
نسخة الكود كما يلي:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en"
<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> Unted Document </title>
<script type = "text/javaScript">
$ (function () {
$ (": مربع الاختيار"). انقر فوق (function () {
إذا ($ (هذا) .ATTR ("فحص")! = غير محدد)
{
$ (this) .siblings (). attr ("تم التحقق" ، خطأ) ؛
$ (هذا) .attr ("فحص" ، صحيح) ؛
}
}) ؛
}) ؛
</script>
<style>
تمتد ، إدخال {float: left ؛}
الإدخال {العرض: 14px ؛ الارتفاع: 14px ؛}
Span {Margin-Right: 20px ؛}
</style>
</head>
<body>
<viv>
<type type = "checkbox" /> <span> 1 </span>
<type type = "checkbox" /> <span> 2 </span>
<type type = "checkbox" /> <span> 3 </span>
<type type = "checkbox" /> <span> 4 </span>
<type type = "checkbox" /> <span> 5 </span>
<type type = "checkbox" /> <span> 6 </span>
<type type = "text" /> <span> 7 </span>
</div>
</body>
</html>