想用form.elements做一个多选框全选的功能,代码如下:
function selectAll(formName,checkboxName){
var form = document.all.item(formName);
var elements = form.elements[checkboxName];
alert(elements);
alert(elements.length);
for (var i=0;i<elements.length;i++){
var e = elements[i];
e.checked = form.alls.checked;
}
}
发现当只有一个元素时不能用,alert(elements.length);结果是undefined,
输出elements,发现当只有一个元素时,elements为object HTMLInputElement;而有一个以上的元素时,为[object RadioNodeList]
估计是object HTMLInputElement没有length属性。
应该怎样改进?
function selectAll(formName,checkboxName){
var form = document.all.item(formName);
var elements = form.elements[checkboxName];
alert(elements);
alert(elements.length);
for (var i=0;i<elements.length;i++){
var e = elements[i];
e.checked = form.alls.checked;
}
}
发现当只有一个元素时不能用,alert(elements.length);结果是undefined,
输出elements,发现当只有一个元素时,elements为object HTMLInputElement;而有一个以上的元素时,为[object RadioNodeList]
估计是object HTMLInputElement没有length属性。
应该怎样改进?
var form = document.all.item(formName);
var elements = form.elements[checkboxName];
if(elements .length)
for (var i=0;i<elements.length;i++){
var e = elements[i];
e.checked = form.alls.checked;
}
else elements .chedked = form.alls.checked;
}Web开发学习资料推荐
jqGrid导航Navigator配置
easyui datebox设置日期范围