霜天部落 | 关注LAMP高性能、高并发架构的设计与研究

javascript控制复选框的全选和全不选

在网页开发中我们经常会遇到复选框的选择,涉及到全选和全不选以及反选等情况。我找到了一段javascript代码可以实现这些功能:

<script language=”javascript”>

//全选或取消全选

function checkAll(Obj_form, checkbox_name) {

for(var i = 0; i < Obj_form.elements.length; i++) {

var e = Obj_form.elements[i];

if(e.name.match(checkbox_name)) {

e.checked = Obj_form.elements[‘chkall’].checked;

}

}

}

//反选

function checkAllInvert(Obj_form, checkbox_name) {

for(var i = 0; i < Obj_form.elements.length; i++) {

var e = Obj_form.elements[i];

if(e.name.match(checkbox_name)) {

e.checked = !e.checked;

}

}

}
</script>

使用方法:

<input type=”checkbox” onclick=”checkAll(this.form, ‘checkbox_name’)” name=”chkall” id=”chkall”>全选

<input type=”checkbox” onclick=”checkAllInvert(this.form, ‘checkbox_name’)” name=”chkallInvert” id=”chkallInvert”>反选