کلیک بر روی چک باکس ها

[SRS534]

با سلام
من دنبال کد جاوا اسکریپتی هستم که مثلا با انتخاب همه تمام چک باکس ها انتخاب شود مثل mail box در yahoo
متشکرم

[tabib_m]

سلام

میتونی مثلا این کار رو بکنی:


<script>
function checkAll(){
for(a=1;a<=10;a++){
document.all["check"+a].checked=document.all["chAll"].checked;
}
}
</script>

<input type="checkbox" id="chAll" value="1" onClick="checkAll();" />
--------------------------
<input type="checkbox" id="check1" value="1" />
<input type="checkbox" id="check2" value="1" />
<input type="checkbox" id="check3" value="1" />
<input type="checkbox" id="check4" value="1" />
<input type="checkbox" id="check5" value="1" />
<input type="checkbox" id="check6" value="1" />
<input type="checkbox" id="check7" value="1" />
<input type="checkbox" id="check8" value="1" />
<input type="checkbox" id="check9" value="1" />
<input type="checkbox" id="check10" value="1" />


راه های مختلفی وجود داره ...

موفق باشید.

[SRS534]

از توجهتان متشکرم ولی باید بر روی یک نوشته کلیک کند تا تمام موارد انتخاب شود

[tabib_m]

خوب اصل دستور همونه دیگه:


<script>
function checkAll(){
for(a=1;a<=10;a++){
document.all["check"+a].checked=true;
}
}


function uncheckAll(){
for(a=1;a<=10;a++){
document.all["check"+a].checked=false;
}
}

</script>

<span onClick="checkAll();">Check All</span>
--
<span onClick="uncheckAll();">UnCheck All</span>

--------------------------
<input type="checkbox" id="check1" value="1" />
<input type="checkbox" id="check2" value="1" />
<input type="checkbox" id="check3" value="1" />
<input type="checkbox" id="check4" value="1" />
<input type="checkbox" id="check5" value="1" />
<input type="checkbox" id="check6" value="1" />
<input type="checkbox" id="check7" value="1" />
<input type="checkbox" id="check8" value="1" />
<input type="checkbox" id="check9" value="1" />
<input type="checkbox" id="check10" value="1" />


اگر هم خواستی لینک باشه مثلا اینجوری میتونی بکنی:



<script>
function checkAll(){
for(a=1;a<=10;a++){
document.all["check"+a].checked=true;
}
}


function uncheckAll(){
for(a=1;a<=10;a++){
document.all["check"+a].checked=false;
}
}

</script>

<a href="javascript: checkAll();">Check All</a>
--
<a href="javascript: uncheckAll();">UnCheck All</a>

--------------------------
<input type="checkbox" id="check1" value="1" />
<input type="checkbox" id="check2" value="1" />
<input type="checkbox" id="check3" value="1" />
<input type="checkbox" id="check4" value="1" />
<input type="checkbox" id="check5" value="1" />
<input type="checkbox" id="check6" value="1" />
<input type="checkbox" id="check7" value="1" />
<input type="checkbox" id="check8" value="1" />
<input type="checkbox" id="check9" value="1" />
<input type="checkbox" id="check10" value="1" />


مهم ، کار تابع مورد نظره.
فراخوانیش دیگه به هر طریقی میتونه صورت بگیره.

موفق باشید.