select All checkboxs in page

بسم الله الرحمن الرحيم

هدف الاسكربت :

1- هو عمل لنك عند الضغط علية يتم اكتيار كل ال (checkbox ) المتواجدين فى الصفحة.

2- عند اخيار الكل يتم تغير اسم اللنك و كذلك خصائصة حتى نتمكن من رفع الاخيار عن الكل .

3- فى حالة اختيار الكل ثم رفع الاختيار عن احد (checkbox ) يتم تغير اللنك إلى اختيار الكل .

هذة الفنكشن مسؤلة عن اختيار كل ال checkbox

function SelectAll ()
{
	var InputElements = document.getElementsByTagName("input");

البحث عن عناصر من نوع input و حفظهم فى مصفوفة

var LinkElemants = document.getElementById("Select");

البحث عن اللنك الذى اسم ال id الخاص بة select وهو المسؤول عن اختيار الكل او حذف الاختيار عن الكل

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

البحث خلال العناصر من نوع input و التى حفظنها فى مصفوة

{
		if ( InputElements.type="checkbox" )
		{

إذا كان العنصر من نوع checkbox

InputElements.checked = true;

قم بتغير ال checked إلى true

InputElements.onclick = UnSelectOneElement;

قم بإضافة UnSelectOneElement إلى حدث onclick وهو المسؤل عن تغير حالة اللنك عند رفع الاختيار من احد العناصر

}

}

LinkElemants.innerHTML = "Unselect All";

تغير القيمة الخاصة باللنك إلى Unselect All

LinkElemants.href="java script:UnSelectAll()";

و كذلك تغير ال href إلى java script:UnSelectAll() و هى المسؤلة عن رفع الاختيار عن الكل

}

هذة الفنكشن مثل فنكشن ال SelectAll مع اختلاف سطر واحد سوف اقوم بشرحة و هى المسؤلة عن رفع الاختيار عن الكل.
function [code]UnSelectAll ()
{
	var InputElements = document.getElementsByTagName("input");
	var LinkElemants = document.getElementById("Select");
	for ( var i=0; i < InputElements.length; i++ )
	{
		if ( InputElements.type="checkbox" )
		{

InputElements.checked = false;

تغير قيمة ال checked إلى false و ذلك لرفع الاختيار

InputElements.onclick = "";

حذف قمة الحدث onclick حيث انة لن يقوم بتغير عند الضغط علية فى فنكشن اخنيار الكل تم وضع اسم فنكشن يتم استعائها عند الضغط علية

	}

	}
			 LinkElemants.innerHTML = "Select All";
			 LinkElemants.href="java script:SelectAll()";	
}

هذة الفنكشن مسؤلة عن تغير قيمة اللنك لإلى Select All و كذلك href إلى SelectAll() عند رفع الاختيار عن احدى ال checkbox .

function UnSelectOneElement ()
{
	var LinkElemants = document.getElementById("Select");
   LinkElemants.innerHTML = "Select All";
   LinkElemants.href="java script:SelectAll()";	

}

فى المرفق المثال كامل

شكرا ... :unsure:

Select_all.rar