CheckBox複選框JS實現全選全不選功能,很簡單,就只需插入一小段js函式就行了。。。
<scriptlanguage="javascript">
functioncli(Obj)
{
//獲取控制其它複選框的物件obj
varcollid=document.getElementByIdx_x("all")
//獲取需要全選,全不選功能的所有複選框
varcoll=document.getElementsByName(Obj)
//如果obj被選中,則全選
if(collid.checked){
//迴圈設定所有複選框為選中狀態
for(vari=0;i<coll.length;i++)
coll[i].checked=true;
}else{//取消obj選中狀態,則全不選
//迴圈設定所有複選框為未選中狀態
coll[i].checked=false;
}
</script>
----------------------------------------------------
下面是一組CheckBox複選框html程式碼
<inputname="多選項名稱"type="checkbox"value=""id="all"onclick="cli("多選項名稱");">全選
<inputname="多選項名稱"type="checkbox"value="">A
<inputname="多選項名稱"type="checkbox"value="">B
<inputname="多選項名稱"type="checkbox"value="">C
<inputname="多選項名稱"type="checkbox"value="">D
<inputname="多選項名稱"type="checkbox"value="">E
<inputname="多選項名稱"type="checkbox"value="">F
CheckBox複選框JS實現全選全不選功能,很簡單,就只需插入一小段js函式就行了。。。
<scriptlanguage="javascript">
functioncli(Obj)
{
//獲取控制其它複選框的物件obj
varcollid=document.getElementByIdx_x("all")
//獲取需要全選,全不選功能的所有複選框
varcoll=document.getElementsByName(Obj)
//如果obj被選中,則全選
if(collid.checked){
//迴圈設定所有複選框為選中狀態
for(vari=0;i<coll.length;i++)
coll[i].checked=true;
}else{//取消obj選中狀態,則全不選
//迴圈設定所有複選框為未選中狀態
for(vari=0;i<coll.length;i++)
coll[i].checked=false;
}
}
</script>
----------------------------------------------------
下面是一組CheckBox複選框html程式碼
----------------------------------------------------
<inputname="多選項名稱"type="checkbox"value=""id="all"onclick="cli("多選項名稱");">全選
<inputname="多選項名稱"type="checkbox"value="">A
<inputname="多選項名稱"type="checkbox"value="">B
<inputname="多選項名稱"type="checkbox"value="">C
<inputname="多選項名稱"type="checkbox"value="">D
<inputname="多選項名稱"type="checkbox"value="">E
<inputname="多選項名稱"type="checkbox"value="">F
----------------------------------------------------