点击checkbox组获取时间JS

我现在有一组checkbox id分别为a_1,a_2,a_3。。。有50多个

想写一个JS 所有的checkbox onclick事件都触发一个事件
在这个事件中 先获取触发这个事件的checkbox的id
然后根据这个id把对应的当前时间填到对应的textbox中去
现在其他的都好做,就是获取触发事件的checkbox的id这一步不会获取

第1个回答  2014-06-18

采用事件委托,在父元素上监听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>

第2个回答  2014-06-18
var cbs=document.getElementByName("cbName");//这样就获取到所有name为cbName的元素
for(var i=0;i<cbs.length;i++)
{
var cb=document.getElementById('a_'+i) 根据id得到循环的

..............添加对应的处理

}
相似回答