通過JS,全選當前頁面所有的核取方塊

2021-09-06 05:24:03 字數 927 閱讀 1003

最近在做專案時,遇到乙個這樣的需求,就是在多級選單中,選中二級的核取方塊,預設將它下面的**核取方塊全部選中,若選中一級的核取方塊,預設的將它下面的二級的和**的核取方塊全部選中,通過js,可以得到當前頁面所有的核取方塊,但對於如何判斷子級的核取方塊也能選中,就有些不太明白了,向朋友請教了下,呵呵,終於撥雲見天了,感謝,方法如下,給遇到我類似需求的朋友乙個參考!

1、首先得到當前頁面所有的核取方塊,這個有兩種方法:定義最外層的div的id為chks的話

法一:var ipt = document.getelementbyid("chks").getelementsbytagname("input");

法二:var inputs = document.getelementsbytagname("input");

for(var i=0;i這樣也行,只不過法二比較麻煩些。

2、判斷級聯,其實方法挺簡單的,大致這樣,一級的id為a1,a2,a3,二級的為a1b1,a1b2,a2b1,a2b2,a2b3樣的,**的為a1b1c1,a1b1c2,a1b1,c3,a1b2c1,a1b2c2,a1b2c3等等,然後就可以用indexof來判斷是否是子級了,說了這麼多,下面將整個**貼出來。

一級   ├──二級

├──二級

├──**

├──**

├──**

├──四級

├──四級

├──四級

├──四級

├──四級

├──四級

├──**

├──**

├──二級一級

執行前後的效果圖如下:

js 重新整理當前頁面

本文為大家介紹三種js 重新整理當前頁面的方法 reload 方法用於重新整理當前文件。reload 方法類似於你瀏覽器上的重新整理頁面按鈕。location reload 更多關於reload 方法請參考文件 replace 方法可用乙個新文件取代當前文件。type button value 載入...

js 重新整理當前頁面

reload 方法用於重新整理當前文件。reload 方法類似於你瀏覽器上的重新整理頁面按鈕。window.location reload 更多關於reload 方法請參考文件 replace 方法可用乙個新文件取代當前文件。type button value 載入新文件替換當前頁面 onclick...

JS獲取當前頁面頁面URL資訊

url即 統一資源定位符 uniform resource locator,url 完整的url由這幾個部分構成 scheme host port path?query fragment scheme 通訊協議 常用的http,ftp,maito等 設定或獲取url從頭到埠號部分。url windo...