JavaScript全部勾選所有復選框

jopen 9年前發布 | 1K 次閱讀 JavaScript 

    <html>

    <head>

    <title>全部勾選所有復選框</title>

    <metahttp-equivmetahttp-equiv="Content-Type" content="text/html;charset=UTF-8"/>

    <scripttypescripttype="text/javascript">

    //勾選所有的函數

    functioncheckAll(c){

    //獲取所有的復選框

    var arr= document.getElementsByName('myname');

    if(c){                //是否全選

    //遍歷所有的復選框

    for(vari=0;i<arr.length;i++){

    arr[i].checked= true;//選中

    }

    }else{                //否則，全不選

    //遍歷所有的復選框

    for(vari=0;i<arr.length;i++){

    arr[i].checked= false;//不選中

    }

    }

    }

    </script>

    </head>

    <bodystylebodystyle="text-align:center">

    <!--定義表單 -->

    <form>

    你的興趣：<br>

    <inputtypeinputtype="checkbox" name="myall"onclick="checkAll(this.checked)"/>全選<br>

    <br/><br/>

    <inputtypeinputtype="checkbox" name="myname" />全選

    <inputtypeinputtype="checkbox" name="myname" />全選

    <inputtypeinputtype="checkbox" name="myname" />全選

    </form>



</body>  
</html>  </pre>
 本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！