مثال على تحقيق وظيفة اختيار الكل في مربعات الاختيار باستخدام JS

الحاجة: تتطلب تنفيذ النقر على التحقق من الكل لتحديد جميع القوائم، والنقر على التحقق من الكل مرة أخرى لإلغاء التحديد. هذه الوظيفة غالباً ما يستخدمها المستخدمون، يشارك المحرر هنا للجميع كيفية تنفيذ الكود، لنرى معاً!

الصورة التوضيحية كما يلي:

قبل النقر على التحقق من الكل:

بعد النقر على التحقق من الكل:

بعد النقر على التحقق من الكل مرة أخرى:

كود كما يلي:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>العنوان</title> 
</head> 
<body> 
<input type="checkbox" onclick="quanxuan()">التحقق من الكل 
<input type="checkbox" name="nation">غناء 
<input type="checkbox" name="nation">رقص 
<input type="checkbox" name="nation">كتابة 
</body> 
<script type="text/javascript"> 
مؤشر k = 0; 
وظيفة quanxuan() { 
مؤشر s = document.getElementsByName("nation"); 
إذا كان k%2==0 
{ 
للمجال i=0; i< s.length; i++ 
{ 
s[i].checked=true; 
} 
k++; 
} 
else { 
للمجال j=0; j< s.length; j++ 
{ 
s[j].checked=false; 
} 
k++; 
} 
} 
</script> 
</html>

ما ذكرته أعلاه هو مثال على كيفية تنفيذ وظيفة اختيار جميع المربعات المقدمة باستخدام لغة JavaScript، آمل أن يكون هذا مفيدًا لكم، إذا كان لديكم أي استفسارات، فلا تترددوا في ترك تعليق، وسأقوم بالرد على استفساراتكم في أقرب وقت ممكن. وأشكركم أيضًا على دعمكم لموقع呐喊 لتعليم البرمجة!

البيان: محتوى هذا المقال تم جمعه من الإنترنت، ويتمتع المالك الأصلي بحقوق الطبع والنشر، تم جمع المحتوى من قبل المستخدمين عبر الإنترنت بتحميله بشكل تلقائي، ويتمتع هذا الموقع بحقوق الملكية، ولم يتم تعديل المحتوى بشكل يدوي، ولا يتحمل هذا الموقع أي مسؤولية قانونية تتعلق بذلك. إذا اكتشفتم أي محتوى يشتبه في حقوق الطبع والنشر، فلا تترددوا في إرسال بريد إلكتروني إلى: notice#oldtoolbag.com (عند إرسال البريد الإلكتروني، يرجى استبدال #بـ @) لإبلاغنا، وقدموا الأدلة ذات الصلة، وسنقوم بإزالة المحتوى المزعوم بشكل فوري إذا تم التحقق من ذلك.

تعليمات الأساس

أنت قد تعجب بهذا