checkbox 的全選與全不選

2022-03-20 19:13:02 字數 1424 閱讀 4717

checkbox 的全選與全不選

只需要呼叫 cekall.check();方法,這個方法接收兩個引數:

引數一: 全選按鈕的 id 以字串的形式寫

引數二: 其他 checkbox 的 name 值 也是以字串的形式寫

使用很簡單 : 複製 js **到你的 js 檔案的任何地方,只需要在html文件載入完以後呼叫 cekall.check();傳入引數即可 什麼點選事件,什麼獲取物件,統統不用寫,

裝點:不管你的 checkbox 是寫到頁面上的還是動態讀取的,都不需要加事件。

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

<

script

>

varcekall =;

}else

; };

};};

cekall.childclick(part,chid);

},childclick:

function

(one,two)

else

; };

};})();};}

};script

>

head

>

<

body

>

<

div>

<

input

type

="checkbox"

id="quanxuan"

/>全選<

br/>

div>

<

script

>

//動態新增的 checkbox 跟寫到頁面上是一樣的

vardiv

=document.getelementsbytagname(

'div')[

0];vararr =[

'吃飯',

'睡覺',

'打豆豆'];

for(i

inarr)

//-- 靜態寫到頁面上的、動態新增的,呼叫 cekall.check(); 方法的書寫格式都一樣

cekall.check(

'quanxuan',

'che1');

script

>

body

>

html

>

checkbox全選和全不選

每次寫都會出現問題,每次.jquery1.6之後改了prop 可是attr也可以用,我這裡,checkall click function else var flag true input name checkbox each function else if flag else 這樣在html或其...

關於checkbox全選與全不選的實現與遇到的問題

html 1 div class outbox 2 label for box 全選 label 3 input type checkbox id box 4div 5 div class outbox2 6 label for box1 選項1 label 7 input type checkbo...

全選或全不選

1.確定事件 最上面那個核取方塊的單擊事件 onclick 2.編寫函式 讓所有的核取方塊和最上面的核取方塊保持一致 a.獲取最上面這個核取方塊選中狀態 通過checkbox的checked屬性即可 b.獲取其他的核取方塊,設定他們的checked屬性即可 可以通過 document.getelem...