采用事件委托,在父元素上监听click事件,判断e.target,然后统一处理,简单实现代码如下:
<div id="wrap">
<input type="text" id="txt1"/>
<input type="checkbox" id="ck1"/>
<input type="checkbox" id="ck2"/>
<input type="checkbox" id="ck3"/>
<input type="checkbox" id="ck4"/>
<input type="checkbox" id="ck5"/>
</div>
<script type="text/javascript">
var dom = document.getElementById("wrap");
dom.addEventListener("click",handler,false);
function handler(e){
var e = e || window.event;
var target = e.target || e.srcElement;
if(target.nodeName.toLowerCase()=="input"){
document.getElementById("txt1").value = target.id;
}
}
</script>