js学习:多选及反选框的实现
将目标指向表单:form=document.select //这里的select对应表单的name
遍历表单元素:for( var i=0 ;i<form.elements.length ;i++)
取得事件发生的对象:event.srcElement
复选框的选中:form.elements[i].checked
反选:!form.elements[i].checked
function selectIt(){
form=document.form1
action=event.srcElement.name
for(var i=0 ;i<form.elements.length;i++){
if(form.elements$[$i$]$.name==”checkbox”){
e=form.elements[i]
e.checked=(action==”selectAll”)?(form.selectAll.checked):(!e.checked)
}
}
}
</script>
<form name=”form1″>
<p>
全 选
<input type=”checkbox” name=”selectAll” value=”checkbox” onClick=”selectIt()”><br>
反 选
<input type=”checkbox” name=”invest” value=”checkbox” onClick=”selectIt()”><br>
Item1
<input type=”checkbox” name=”checkbox” value=”checkbox”>
<br>
Item2
<input type=”checkbox” name=”checkbox” value=”checkbox”><br>
Item3
<input type=”checkbox” name=”checkbox” value=”checkbox”><br>
Item4
<input type=”checkbox” name=”checkbox” value=”checkbox”><br>
Item5
<input type=”checkbox” name=”checkbox” value=”checkbox”>
</p>
</form>[/code]

评论
发表您的评论