扫码关注官方订阅号
页面里有我的一个table,每一行前面加了一个checkbox,点击checkbox 可以选中这一行,但是必须要点中checkbox 才行。我的问题个是: 能不能点击某一行就把checkbox 给勾选上,而不需必须点击checkbox. 如果可以,怎么做?
闭关修行中......
不知道是不这样的效果点击文字选中checkbox 加个label
<table> <tr class="tr"> <td> <input type="checkbox" class="check" /> </td> <td> 内容 </td> </tr> <tr> <td> <input type="checkbox" /> </td> <td> 内容 </td> </tr> </table>
你可以给tr点击事件,让check被选中。$('.tr').click(function(){
$(this).children('.check').checked;
})大概写了下,不知道是不是你要的效果,就是获取行这个对象,点击后找到它的儿子元素check,然后给选中效果
<table class="tbl-main"> <tr> <td><input type="checkbox" /></td> <td>内容</td> <td>内容</td> </tr> </table> -- script $(function() { $('.tbl-main > tr').on('click', function() { var $target= $(this).children('input[type="checkbox"]'); !$target.is(':checked') ? $target.attr('checked', true) : $target.attr('checked', false); }); });
楼主需要去看看事件委托。
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
不知道是不这样的效果点击文字选中checkbox 加个label
你可以给tr点击事件,让check被选中。
$('.tr').click(function(){
})
大概写了下,不知道是不是你要的效果,就是获取行这个对象,点击后找到它的儿子元素check,然后给选中效果
楼主需要去看看事件委托。