我希望能够单击表中的 td 元素,并让它选中或取消选中同一行上同级 td 中的复选框。
- 单击该复选框仍应
工作正常。
- 单击 td
复选框所在的元素
还应该选中该复选框。
- 单击不同的 td 不应该
需要双击(重置单击)
由于切换实施不当
Fiddle:
http://jsfiddle.net/cJ2us/ http://jsfiddle.net/cJ2us/
请注意,是的,这与许多问题非常相似,请不要链接任何重复项,除非您真正理解我遇到的问题以及那里给出的答案与我的问题不符。例如
包装输入单选上的 Jquery 事件覆盖“checked”事件 https://stackoverflow.com/questions/5096410/jquery-event-on-wrapped-input-radio-override-checked-event不是复选框
jQuery onclick div 检查复选框 https://stackoverflow.com/questions/4868769/jquery-onclick-div-checks-a-checkbox切换不允许单击单独的 td 来执行每个检查和取消选中
找到 Sibling https://stackoverflow.com/questions/6307993/find-the-checkbox-in-sibling-td-and-check-it-using-jquery
中的复选框并使用 jQuery 进行检查不适合这个例子,代码实际上并不按照回答者的想法工作 |
话虽如此,如果您找到合适的骗子,请告诉我!我只想要一个可行的解决方案。
这有效,是你想要的吗?
$("td").click(function(e) {
var chk = $(this).closest("tr").find("input:checkbox").get(0);
if(e.target != chk)
{
chk.checked = !chk.checked;
}
});
演示在这里 http://jsfiddle.net/xSzpZ/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)