كيفية جمع بيانات من الصناديق المختارة
لتحقيق هذا المطلوب، يمكنك استخدام jQuery للتعامل مع العناصر والأحداث في صفحتك. يمكنك تعديل الكود التالي لتحقيق الوظيفة التي تريدها:
javascript// عندما يتغير حال التحقق من الصندوق
$("input[type='checkbox']").change(function() {
// إذا تم تحديد الصندوق
if ($(this).is(":checked")) {
var itemName = $(this).closest("li").attr("itemName"); // الحصول على قيمة السمة itemName للعنصر الأب الأقرب من نوع li
var itemData = $(".item[itemName='" + itemName + "']").html(); // الحصول على محتوى العنصر الذي يحمل نفس السمة itemName
$("#container").append("" + itemData + ""); // إضافة المحتوى إلى العنصر الهدف
} else { // إذا تم إلغاء تحديد الصندوق
var itemName = $(this).closest("li").attr("itemName"); // الحصول على قيمة السمة itemName للعنصر الأب الأقرب من نوع li
$(".appendedItem[itemName='" + itemName + "']").remove(); // إزالة العنصر الذي يحمل نفس السمة itemName من العنصر الهدف
}
});
هذا الكود يعمل على استدعاء العناصر المطلوبة من خلال سمة itemName الموجودة في كلا العناصر (الصندوق والعنصر) وإضافتها أو إزالتها من العنصر المستهدف (#container) عندما يتغير حال التحقق من الصندوق.
المزيد من المعلومات
بالتأكيد! في هذا السياق، الكود يستخدم jQuery لربط الصناديق المختارة بعناصر البيانات المرتبطة بها. عندما يتم تحديد صندوق الاختيار الخاص بعنصر معين، يتم استدعاء العنصر المرتبط بهذا الصندوق ويتم إضافته إلى عنصر الواجهة الذي تم تحديده باستخدام معرف “container”.
الأمر الرئيسي هو استخدام السمة “itemName” لربط العناصر مع بعضها البعض. عندما يتم تحديد صندوق اختيار معين، يتم استخدام قيمة هذه السمة لاستدعاء العنصر المرتبط به وإضافته إلى العنصر الهدف. وعند إلغاء تحديد الصندوق، يتم إزالة العنصر المضاف سابقًا.
