Js和JQuery实现只要双击哪一行那一行的多选框可以被选中
以下是使用JavaScript和jQuery实现的示例代码,当双击表格的任意行时,会勾选该行对应的多选框。
HTML 部分:
<table id="myTable">
<thead>
<tr>
<th>选择</th>
<th>数据列1</th>
<th>数据列2</th>
<!-- 其他列 -->
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" class="row-checkbox"></td>
<td>数据1</td>
<td>数据2</td>
<!-- 其他数据 -->
</tr>
<!-- 其他行 -->
</tbody>
</table>
JavaScript 和 jQuery 部分:
$(document).ready(function() {
$('#myTable tbody').on('dblclick', 'tr', function() {
$(this).find('.row-checkbox').prop('checked', true);
});
});
在这段代码中,我们使用了事件委托,这样可以确保在动态添加的行上也能正常工作。当用户双击表格的某一行时,jQuery 会找到该行内的多选框并将其 checked
属性设置为 true
。
评论已关闭