توفر هذه المقالة ثلاث طرق لإلغاء تحديد الراديو. أمثلة التعليمات البرمجية هي كما يلي:
تعتمد هذه المقالة على jQuery، ويتم تنفيذ الطريقتين الأولى والثانية باستخدام jQuery، أما الطريقة الثالثة فتعتمد على JS وDOM.
انسخ رمز الكود كما يلي:
<!DOCTYPE HTML>
<أتش تي أم أل>
<الرأس>
<title>ثلاث طرق لإلغاء تحديد أزرار الاختيار</title>
<script type="text/javascript" src="http://lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js">
</script>
<نوع البرنامج النصي = "نص/جافا سكريبت">
$(وظيفة(){
//
var $browsers = $("input[name=browser]");
var $cancel = $("#cancel");
var $byhide = $("#byhide");
var $remove = $("#remove");
//
$إلغاء.نقر(وظيفة(ه){
// إزالة السمات، كلا الطريقتين متاحتان
//$browsers.removeAttr("checked");
$browsers.attr("checked",false);
});
//
$byhide.click(وظيفة(ه){
// قم بالتبديل إلى مجال مخفي، كلتا الطريقتين متاحتان
//$("#hidebrowser").attr("checked"،true);
$("#hidebrowser").attr("checked"،"checked")؛
});
//
$remove.click(function(e){
// انتقل مباشرة إلى عنصر DOM وأزل السمات
// إذا كنت لا تستخدم jQuery، فيمكنك زرع هذه الطريقة
var checkbrowser=document.getElementsByName("browser");
/*
$.each(checkedbrowser, function(i,v){
v.checked = false;
v.removeAttribute("تم التحديد");
});
*/
//
فار لين = checkbrowser.length;
فار ط = 0؛
ل(; أنا < لين; أنا ++) {
// يجب أولاً تعيين القيمة على خطأ ثم إزالة السمة
checkbrowser[i].checked = false;
// يمكنك القيام بذلك دون إزالة السمة
//checkedbrowser[i].removeAttribute("checked");
}
});
});
</script>
</الرأس>
<الجسم>
<p>ما هو المتصفح الذي تفضله؟ </ص>
<النموذج>
<input style = "display:none؛" id = "hidebrowser" type = "radio" name = "browser" value = "">
<input type="radio" name="browser" value="Internet Explorer">Internet Explorer<br />
<input type="radio" name="browser" value="Firefox">فايرفوكس<br />
<input type="radio" name="browser" value="Netscape">Netscape<br />
<input type="radio" name="browser" value="Opera">Opera<br />
<br />
<نوع الإدخال = "زر" معرف = "إلغاء" قيمة = "إلغاء الطريقة 1" الحجم = "20">
<نوع الإدخال = "زر" معرف = "byhide" قيمة = "إلغاء تحديد الطريقة 2" الحجم = "20">
<نوع الإدخال = "زر" معرف = "إزالة" القيمة = "إلغاء تحديد الطريقة الثالثة" الحجم = "20">
</النموذج>
</الجسم>
</html>