预算编报管理系统 Day9 struts2learn js之全选控制

1.struts2 learning

参考网址:

https://www.w3cschool.cn/struts_2/struts_examples.html

2.js之全选控制

这是一些checkbox组件,即<input type='checkbox'>

这里,只有这些checkbox,并且第一个checkbox为控制全选的控件

js代码如下:

function changecheckAll(obj) {
	//alert("obj");
	
	var checkBoxes = $("input[type='checkbox']");
		
	//if(checkedAll)checkedAll=false;
	if(obj==checkBoxes[0]){
		//alert("this");
		for(var i = 1;i<checkBoxes.length;i++){
			//alert("change");
			checkBoxes[i].checked=obj.checked;
		}
	}else{
		var checkedAll = true;
		//alert("not0");
		for(var i = 1;i<checkBoxes.length;i++){
			if(!checkBoxes[i].checked){
				checkedAll=false;
				break;
			}
		}
		checkBoxes[0].checked=checkedAll;
	}

}

var chbs = $("input[type='checkbox']");
for (var i = 0;i<chbs.length;i++){
	chbs[i].setAttribute("onchange",' changecheckAll(this)');
}

注意

对组件进行设置监听事件的时候,不可以用obj.onChange="changeListener(this)"

而是要用 obj.setAttribute("onchange",'changeListener(this)')

其中changeListener为自定义的时间监听函数

3. js 之text 的可编辑与不可编辑切换

主要设置代码:

设置为不可编辑:

obj.setAttribute('readOnly','true');

设置为可编辑:

obj.removeAttribute("readOnly");