效果:点击 tabel 的任意一行的任意一个位置,实现 选择 左侧的复选框
今天在实现这个效果的时候遇到了一个小问题,点击行的时候可以实现复选框的选择与取消,但是直接点击复选框的时候无效。
代码:
<tr class='trcls' οnclick='danjitr(this)' style='background-color:#FFFFFF;height=23px;'>
function danjitr(a){ var input = $(a).find("input"); if ($(input).attr("checked")) { $(input).removeAttr("checked"); } else { $("#tdClassInfo tr").find("input").each(function () { $(this).removeAttr("checked"); }); $(input).attr("checked", true); } }
原因是:点击复选框的时候,复选框本身会改变状态,接着行点击事件的执行,又把复选框的状态给改回来了,等于没点!!
解决办法:我又在每一行的复选框上又加了一个点击事件
<td><input οnclick='danjitd(this)' type='checkbox' value="+ad_id+" name='psimg'></td>
function danjitd(a){ var zt = a.checked; //只要复选框被点了,我就把它再改回来 这个方法执行完后,就会执行行点击事件danjitr if (zt){ $(a).attr("checked", false); }else { $(a).attr("checked", true); } }