码迷,mamicode.com
首页 > Web开发 > 详细

jquery 单击table行事件和radio的选中事件冲突

时间:2014-11-05 00:01:28      阅读:303      评论:0      收藏:0      [点我收藏+]

标签:style   http   io   ar   java   sp   div   on   问题   

原文地址:http://zhidao.baidu.com/link?url=HER7lu4jqejWUhWQO2nq6LZ6tf7vyhPZRADSL-xaBQSF4P4yftD9vg08Ss8HF-1I7XqrALfkRc6TdLHYQixpcK 

2013-01-30 09:10tvogfj 分类:JavaScript | 浏览1779次
例如:
<tr class="resultTr">
<td><inputtype="radio"name="checkbox" id="${personId}" value="0"/>
<td>张三<td>
<td>女<td>
</tr>
用jquery为行绑定事件,方便操作,单击行就可以选中radio,获取传递到后台;
$(".resultTr").bind("click",function(){
var checkObj = $(this).children().eq(0).children().eq(0);
if(checkObj.attr(‘checked‘)==undefined){
checkObj.attr(‘checked‘,true);
}else{
checkObj.attr(‘checked‘,false);
}
});

功能能够实现,可是如果这时单击一行中的radio就无法实现选中了,点击周围出现一个小框,应该是事件冲突,有什么好的解决办法么?


提问者采纳
 
首先你写的这个就有问题,你点击radio的时候实际上已经选中了,但事件冒泡到了tr,又执行了一次click事件,所以就造成了选不中的情况,此外,单选框不像复选框,没必要判断是否处于选中状态,代码可以优化成这样:
$("tr.resultTr").bind("click",function(){
$(this).find("input:radio").attr("checked","checked")

});
提问者评价
按照你说的,真的成功了,好开心,谢谢你!

jquery 单击table行事件和radio的选中事件冲突

标签:style   http   io   ar   java   sp   div   on   问题   

原文地址:http://www.cnblogs.com/niaowo/p/4075059.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!