عندما نعمل في المشاريع ، نواجه غالبًا مواقف نحتاج فيها إلى تنفيذ جميع الاختيار والاختيار العكسي وتعيين خانة الاختيار. هناك العديد من الأمثلة على الإنترنت. هنا أشارككم الأساليب التي أستخدمها ، وأوصي بها لك.
نسخة الكود كما يلي:
// قيمة JS في الصفيف
Array.Prototype.in_array = function (e) {
لـ (i = 0 ؛ i <this.length ؛ i ++) {
إذا (هذا [i] == e)
العودة صحيح.
}
العودة كاذبة
}
// فهرس صفيف JS
Array.Prototype.find_str = function (سلسلة) {
var str = this.join ("") ؛
إرجاع str.indexof (سلسلة) ؛
}
var houseids = new array () ؛
$ ("#chebox-list-all"). انقر فوق (function () {
if ($ ("#chebox-list-all"). attr ("checked")) {
$ ("[name = 'checkboxes']"). attr ("checked" ، 'true') ؛ // حدد الكل لإضافة معرف
var ids = document.getElementSbyName ('checkboxes') ؛
var value = new array () ؛
لـ (var i = 0 ؛ i <ids.length ؛ i ++) {
إذا (ids [i].
houseids.push (ids [i] .value) ؛
}
تنبيه (Houseids) ؛
}آخر{
$ ("[name = 'checkboxes']"). lexoveAttr ("checked") ؛ // decelect لحذف المعرفات
Houseids = [] ؛
تنبيه (Houseids) ؛
}
})
// خيار واحد لإضافة معرف
وظيفة التحقق (OBJ) {
if (! houseids.in_array (obj.value)) {
houseids.push (obj.value) ؛
تنبيه (Houseids) ؛
}آخر{
var index = houseids.find_str (obj.value) ؛
Houseids.Splice (INDEX ، 1)
تنبيه (Houseids) ؛
}
}
ما سبق هو الكود الكامل لهذا المثال. آمل أن يكون من المفيد للجميع أن يتعلموا استخدام JavaScript للتحكم في مربع الاختيار.