回覆列表
  • 1 # 風吹向歲月花念伊

    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

    ----------------------------------------------------

  • 中秋節和大豐收的關聯?
  • 臺灣除了日月潭外,還有哪些著名旅遊景點?