خانة الاختيار شائعة جدًا في صفحة الويب. بعد ذلك ، العرض التجريبي الصغير الذي كتبته من قبل ، وكلاهما حول خانة الاختيار ، آمل أن يساعد الجميع.
الأول هو تشغيل خانة الاختيار الكاملة.
<! } #OPP {الحدود معرف الإدخال = All Type = checkbox> التحديد الكامل </td> <td width = 300px> مربع الاختيار "تحديد" مثال كامل </td> </td> <td> <input td> </td> </tr> <l> <nput class = list type = checkbox> </td> </td> </tr> <td> /td> </td> </tr> <tr> <input class = list type = checkbox> </td> </td> td> </td> </td> = checkbox> </td> </td> </td> <td> <input class = list type = checkbox> </td> <td> </td> </tr> <l> <nput class = list type = checkbox> </td> </td> </tr> <tr> <td> <input id = opp type = button> anti -selection </td> </td> </tr> </table> <script> var vll = document.getElementByid (all) ؛ vlist.length ؛ if (this.checked == false) {vll.checked = false ؛} e {for (var i2 = 0 ؛ i2 <vlist.length ؛ i2 ++) {if (vlist [i2] .checked == false) { break ؛} if (i2> = vlist.length-) {vll.checked = true ؛}}}}} vopp.onclick = function () {for (var i = 0 ؛ i <vlist.length ؛ i ++) {vlist [i]. checked =!والثاني هو نمط الاختيار المخصص ، والذي يمكنه استخدام الصور لاستبدال خانة الاختيار الخاصة بنا لزيادة التأثير الرائع ؛
<! التعتيم: 1 ؛ الخلفية: url (IMG/1.PNG) ؛ > <label for = input1> </billy> </viv> <div class = box2> <input type = checkbox name =/> <label = input2> </l box3> <input type = checkbox name = id = input3 value =/> <label for = input3> </billy> </body> </html>
ما سبق هو خانة الاختيار في صفحة HTML التي قدمها Xiaobian. شكرا جزيلا لدعمكم لموقع VEVB Wulin!