JS小功能(checkbox實(shí)現(xiàn)全選和全取消)實(shí)例代碼

更新時(shí)間：2013年11月28日 15:38:22 作者：

這篇文章主要介紹了checkbox實(shí)現(xiàn)全選和全取消實(shí)例代碼，有需要的朋友可以參考一下

效果：

代碼：

復(fù)制代碼代碼如下:

<head runat="server">
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            var ckall = document.getElementById('ck1');
            var ck = document.getElementsByName('name1');
            ckall.onclick = function () {
                for (var i = 0; i < ck.length; i++) {
                    if (ckall.checked == true) {
                        ck[i].checked = true;
                    }
                    else {
                        ck[i].checked = false;
                    }
                }
            }
        };
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <input type="checkbox" id="ck1" />
    全選
    <div id="div1">
        <input type="checkbox" name="name1" />
        <input type="checkbox" name="name1" />
        <input type="checkbox" name="name1" />
        <input type="checkbox" name="name1" />
        <input type="checkbox" name="name1" />
        <input type="checkbox" name="name1" />
    </div>
    </form>
</body>

您可能感興趣的文章:

相關(guān)文章

輕松搞定js表單驗(yàn)證
不用一行代碼和一句提示語(yǔ)就搞定整個(gè)表單驗(yàn)證,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
JavaScript自定義日歷實(shí)現(xiàn)簽到功能
這篇文章主要為大家詳細(xì)介紹了JavaScript自定義日歷實(shí)現(xiàn)簽到功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-08-08
javascript禁止超鏈接跳轉(zhuǎn)的方法
這篇文章主要介紹了javascript禁止超鏈接跳轉(zhuǎn)的方法,結(jié)合實(shí)例分析了JavaScript事件機(jī)制與鼠標(biāo)事件的響應(yīng)操作技巧,需要的朋友可以參考下
2016-02-02
javascript中的replace函數(shù)(帶注釋demo)
在js中有兩個(gè)replace函數(shù) 一個(gè)是location.replace(url) 跳轉(zhuǎn)到一個(gè)新的url.一個(gè)string.replace("xx","yy") 替換字符串返回一個(gè)新的字符串，該方法并不改變字符串本身。下面通過本文給大家介紹javascript中的replace函數(shù)
2018-01-01
JavaScript采用遞歸算法計(jì)算階乘實(shí)例
這篇文章主要介紹了JavaScript采用遞歸算法計(jì)算階乘,簡(jiǎn)單分析了javascript遞歸算法的相關(guān)使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
JavaScript中array.reduce()數(shù)組方法的四種使用實(shí)例
reduce為數(shù)組中的每一個(gè)元素依次執(zhí)行回調(diào)函數(shù),不包括數(shù)組中被刪除或從未被賦值的元素,下面這篇文章主要給大家介紹了關(guān)于JavaScript中array.reduce()數(shù)組方法的四種使用實(shí)例,需要的朋友可以參考下
2022-07-07
基于cornerstone.js的dicom醫(yī)學(xué)影像查看瀏覽功能
這篇文章主要介紹了基于cornerstone.js的dicom醫(yī)學(xué)影像查看瀏覽功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2022-07-07
node.js chat程序如何實(shí)現(xiàn)Ajax long-polling長(zhǎng)鏈接刷新模式
node.js chat是node.js作者用JS寫的一個(gè)多人聊天工具，源代碼公開下載，網(wǎng)址是chat.nodejs.org。作者用這個(gè)小例子，來展示如何用nodejs開發(fā)高效率的應(yīng)用程序。對(duì)于nodejs的學(xué)習(xí)者來說，是一個(gè)很好的例子
2012-03-03
利用JS判斷數(shù)據(jù)類型的四種方法
面試的時(shí)候經(jīng)常會(huì)問到JS 中判斷數(shù)據(jù)類型的方法，一般常用的就是typeof了，其他的也想不起來，今天特意在網(wǎng)上查了一下來總結(jié),這篇文章主要介紹了利用JS判斷數(shù)據(jù)類型的四種方法,需要的朋友可以參考下
2021-08-08
解讀IE和firefox下JScript和HREF的執(zhí)行順序
2008-01-01