天天看點

JS實作複選框全選/全取消功能

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

1、報表設計:

JS實作複選框全選/全取消功能

2、js事件:

如圖,觸發複選框的狀态改變事件來進行全選和全取消:

JS實作複選框全選/全取消功能

代碼如下:

//擷取目前複選框控件的狀态,true /false
var flag=this.getValue();
//循環周遊每個複選控件
for(var i=0;i<window.lineboxes.length;i++){ 
	//由每個控件位置擷取行号列号
	var cr=MR.cellStr2ColumnRow(window.lineboxes[i].options.location);
	//逐一指派目前狀态
	_g().setCellValue(cr.col, cr.row, flag);  
}
           

3、效果圖:

JS實作複選框全選/全取消功能

如上,通過設計報表的單元格或控件,觸發js事件,就可以實作複選框的全選/全取消。