JavaScript中怎么控制checkbox全選與全不選

這篇文章將為大家詳細講解有關(guān)JavaScript中怎么控制checkbox全選與全不選，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

1、簡單定義CheckBox：

<form name="frm">    <p>        <label><input type="checkbox" name="selFruit" onclick="selAll(this)"/>水果:</label>                <input type="checkbox" name="fruit" value="apple">蘋果                <input type="checkbox" name="fruit" value="banana">香蕉                <input type="checkbox" name="fruit" value="orange">橘子    </p></form>

2、onclick觸發(fā)的 selAll(obj) 方法：

<script>    /*     * 全選與全不選     * obj 表示使用此函數(shù)的當前對象     */    function selAll(obj){        // console.log(obj.checked) //被選擇就是true，不被選擇就是false        // console.log(document.frm.selFruit.checked)  //與 console.log(obj.checked) 等價        //取所有的名字是fruit的元素        let fruit = document.frm.fruit        //遍歷        for(let i=0;i<fruit.length;i++){            //把每一個checkbox的checked屬性設(shè)置成當前的checkbox的checked的值            fruit[i].checked = obj.checked        }    }</script>

關(guān)于JavaScript中怎么控制checkbox全選與全不選就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。