Javascript 全選/反選

 

CODE:

<script>

    document.write("<ul>");

    for(var i=0;i<18;i++){

        document.write("<li>");

        document.write('<input type="checkbox" value='+ i +'/>888888888888888');

        document.write("</li>");    

    }

    document.write("</ul>");

    document.write('<label for="choose"><input id="choose" type="checkbox" onclick="selectAll(this)">全選/全不選</label>');

</script>    

<script>

    var chks = document.getElementsByTagName("input");

    function selectAll(obj){

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

            chks[i].checked = obj.checked;

            // 如果不傳遞 this 對象,使用事件參數的 srcElement 屬性擷取資料來源也是可以的

            // chks[i].checked = event.srcElement.checked;

        }        

    }

</script>