天蚕土豆,盗墓笔记有声小说

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

如何使用純javascript實(shí)現(xiàn)選擇框的全選與反選功能-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)如何使用純javascript實(shí)現(xiàn)選擇框的全選與反選功能，小編覺得挺實(shí)用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)主要從事成都網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)東營,10年網(wǎng)站建設(shè)經(jīng)驗(yàn),價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

HTML部分

選擇全部一鍵上路

js部分

var oinput = document.getElementById('all');
    // var oinput_s = document.getElementsByTagName('input');
     var oinput_s = document.querySelectorAll('#wrap_input_box>input');
    // console.log(oinput_s[6]);
    // 先設(shè)置點(diǎn)擊全選按鈕后 實(shí)現(xiàn)所有的選擇標(biāo)簽顯示選擇   取消點(diǎn)擊后 取消所有標(biāo)簽選擇
    oinput.onclick = function(){
      if (this.checked){
        for (var i =0;i關(guān)于“如何使用純javascript實(shí)現(xiàn)選擇框的全選與反選功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。
                                                

                                                網(wǎng)站題目：如何使用純javascript實(shí)現(xiàn)選擇框的全選與反選功能-創(chuàng)新互聯(lián)                                                

                                                本文鏈接：http://fisionsoft.com.cn/article/pcdjj.html

新聞中心

其他資訊