تحديد الكل

dev11 · 20-03-2008, 01:50 PM

كيف يمكن عمل تحديد الكل لمجموعة من الـ check box كما في المثال التالي ..

كود PHP:

  <form action="" method="post">

<div><input type="checkbox" name="id[]" value="1" /> 1</div>

<div><input type="checkbox" name="id[]" value="2" /> 2</div>

<div><input type="checkbox" name="id[]" value="3" /> 3</div>

<div><input type="submit" value="delete" /></div>

</form>

لاحظو معي ان اسماء الـ check box كلها متشابهة ( id[] ) وسبب ذلك هو لامكانية استقبالها على شكل مصفوفة في لغة php ..

مصطفى فرغلى · 20-03-2008, 05:42 PM

كود PHP:

  var inputs = document.getElementsByTagName('input');

for(var i=0 ; i<inputs.length ; ++i){

if(inputs[i].type=='checkbox' && inputs[i].id=='id[]'){

inputs[i].checked = true;

// or ==> inputs[i].click();

}

continue;

}

Wcc · 20-03-2008, 09:39 PM

javascript select all checkboxes - Google Search

لو سألت Google لرد عليك 392,000 رد

dev11 · 22-03-2008, 05:02 PM

أشكرك أخي العزيز Dezology ..

أخي العزيز Wcc .. لقد قمت بالبحث بالفعل مسبقاً ولم أجد ما يطابق ما اريده تماماً ، وبقية الامثلة لم تكن واضحة ومباشرة ..

عموماً لمن يريد الكود ..

كود PHP:

  <script type="text/javascript">

function checkAll(){

    var inputs = document.getElementsByTagName('input');

    for (var i = 0; i < inputs.length; i++){

        if (inputs[i].type == 'checkbox' && inputs[i].name == 'id[]'){

            inputs[i].checked = true;

        }

    continue;

    }

}

function uncheckAll(){

    var inputs = document.getElementsByTagName('input');

    for (var i = 0; i < inputs.length; i++){

        if (inputs[i].type == 'checkbox' && inputs[i].name == 'id[]'){

            inputs[i].checked = false;

        }

    continue;

    }

}

</script>

 
<form action="" method="post"> 

<div><input type="checkbox" name="id[]" value="1" /> 1</div> 

<div><input type="checkbox" name="id[]" value="2" /> 2</div> 

<div><input type="checkbox" name="id[]" value="3" /> 3</div> 

<div><input type="button" value="check all" onclick="javascript:checkAll();" /> <input type="button" value="uncheck all" onclick="javascript:uncheckAll();" /> <input type="submit" value="delete" /></div> 

</form>

شكراً لكم جميعاً ،،

المواضيع المشابهه
الموضوع	كاتب الموضوع	القسم	الردود	آخر مشاركة
مميزات مجلة إنفنتي الإصدار الثاني	Khalid S. AL-Ghamdi	الويب والويب 2.0 والـ Semantic Web	35	09-04-2008 01:51 AM
ما هو برنامج إدارة المحتوى المناسب ؟	Wleed.Com	الويب والويب 2.0 والـ Semantic Web	16	11-02-2008 04:46 PM
دليل الواصل المؤرشف .. اكتشف سبب تميزه .. شارك معنا برأيك وأنت المستفيد !	أبوشهاب	الويب والويب 2.0 والـ Semantic Web	23	27-01-2008 08:25 AM
مكتبة كاملة للفوتوشوب...و اتعلم براحتك	في بي بورتال	التصميم والرسومات والمونتاج	3	12-05-2007 07:39 PM
[ Products ] تحديد حجم التوقيع	ضيف المهاجر	الإصلاح والصيانة	25	27-12-2006 06:26 AM

أدوات الموضوع
مشاهدة نسخة مطبوعة إرسال هذه الصفحة