Featured image of post 【JS】طريقة تحديد جميع مربعات الاختيار في صفحة الويب دفعة واحدة (مع كود Bookmarklet)

【JS】طريقة تحديد جميع مربعات الاختيار في صفحة الويب دفعة واحدة (مع كود Bookmarklet)

نشرح كيفية تحديد جميع مربعات الاختيار في صفحة الويب دفعة واحدة. نقدم خطوات إنشاء كود جافا سكريبت لتشغيله في وحدة تحكم DevTools في Chrome، بالإضافة إلى Bookmarklet مفيد لتحديد أو إلغاء تحديد الكل بنقرة واحدة.

لتحديد جميع مربعات الاختيار في صفحة ويب، افتح أدوات المطور (DevTools) بالضغط على F12، ثم الصق الكود التالي في وحدة التحكم (Console) وقم بتشغيله.

1
2
3
4
5
6
let boxes = document.querySelectorAll('input[type="checkbox"]');
for (let i = 0; i < boxes.length; i++) {
    if (!boxes[i].disabled) {
        boxes[i].checked = true;
    }
}

أو،

أنشئ إشارة مرجعية جديدة، وفي عنوان التسجيل (الجزء الذي تكتب فيه عادةً https://…) الصق الكود التالي. افتح صفحة الويب التي تريد تحديد مربعات الاختيار فيها، وانقر على الإشارة المرجعية التي أنشأتها، وسيتم تحديد جميع مربعات الاختيار.

1
javascript:(function(){let boxes=document.querySelectorAll('input[type="checkbox"]');for(let i=0;i<boxes.length;i++){if(!boxes[i].disabled){boxes[i].checked=true;}}})();

إذا كنت تريد إلغاء تحديد الكل، فقم بتغيير جزء boxes[i].checked = true; في البرنامج النصي أعلاه إلى boxes[i].checked = false;.

comments powered by Disqus