JS實現核取方塊全選 全取消功能

2021-10-09 13:48:34 字數 613 閱讀 2822

在核取方塊控制項的應用中,不乏核取方塊較多的情況下,需要進行全選/全取消的操作,方便使用者進行資料的審批、入庫等等,此時我們可以利用單元格或控制項,觸發js事件,實現核取方塊的全選/全取消功能,當然,一般我們還是習慣用用核取方塊來實現全選/全取消的功能。

1、報表設計:

2、js事件:

如圖,觸發核取方塊的狀態改變事件來進行全選和全取消:

**如下:

//獲取當前核取方塊控制項的狀態,true /false

var flag=this.getvalue();

//迴圈遍歷每個複選控制項

for(var i=0;i3、效果圖:

如上,通過設計報表的單元格或控制項,觸發js事件,就可以實現核取方塊的全選/全取消。

核取方塊全選

屬性 描述accesskey 設定或返回訪問 checkbox 的快捷鍵。alt設定或返回不支援 checkbox 時顯示的替代文字。checked 設定或返回 checkbox 是否應被選中。defaultchecked 返回 checked 屬性的預設值。disabled 設定或返回 check...

簡單js語言操作 全選核取方塊功能

在編寫購物車頁面可以使用,購物車商品太多乙個乙個選太費時間。全選功能 如下 doctype html utf 8 核取方塊全選按鈕 title window.onload function function allcheck ac,ca else script head method checkbo...

核取方塊CheckBox的全選與取消全選功能

在前端開發,尤其是table的開發中,經常會在列表左上角有乙個全選按鈕,今天就來分享乙個全選按鈕的邏輯實現 type checkbox id selall th 序號th thead type checkbox name check td 1td tr type checkbox name chec...