在核取方塊控制項的應用中,不乏核取方塊較多的情況下,需要進行全選/全取消的操作,方便使用者進行資料的審批、入庫等等,此時我們可以利用單元格或控制項,觸發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...