本文共 754 字,大约阅读时间需要 2 分钟。
当页面提供了复选框之后,一般还会提供“全选”与“取消全选”(或”全不选“)按钮。那么如何通过JavaScript代码实现此功能呢?这里提供了一个思路:利用按钮的onclick事件,调用Javascript函数,并根据传入的参数进行“全选”与“取消全选”(或”全不选“)操作,下面是完整的代码,存入一个html文件即可运行演示:
全选
function selectAll(name,tagName,type,scope)*/ var selectAll=function(name,tagName,type,scope) {
/*根据标签名称("input")获取所有的控件集合*/ elements = document.getElementsByTagName(tagName); var len = elements.length; for(var i = 0;i
/*如果标签类型是checkbox且标签名是checkbox1,
则根据传入的参数决定如何操作*/ if(elements[i].type==type&&elements[i].name==name&&scope=='all') { elements[i].checked=true; } else if(elements[i].type==type&&elements[i].name==name&&scope=='none') { elements[i].checked=false; } } }复选框