单击离开时选中的 JavaScript 复选框
javascript checkbox checked when clicked away
我有一个数据表,我试图在其中显示一个复选框,当单击任何行时,其复选框将被选中
这是我的桌子
<table class="bt-datatable table table-striped" id="bt-user-datatable">
<thead>
<tr>
<th><input type="checkbox" name="select_all" value="1" id="bt-select-all"></th>
<th class="text-left">name</th>
<th class="text-left">gender</th>
<th class="text-left">class</th>
</tr>
</thead>
<tbody>
<%
@user.each do |user|
%>
<tr class="bt-users-row">
<td class="text-left"><input type="checkbox" value="<%= user.id %>"></td>
<td class="text-left"><%= user.name %></td>
<td class="text-left"><%= user.gender %></td>
<td class="text-left"><%= user.class %><div
</tr>
<% end %>
</tbody>
</table>
在 JavaScript 中,我有
$('.bt-users-row').on('click', function(){
var checkBox = $(this).find('input[type="checkbox"]');
if (checkBox.is(':checked')){
checkBox.prop("checked", false);
}
else if (!checkBox.is(':checked')) {
checkBox.prop("checked", true);
}
});
所以在这种情况下,我要做的是当我单击该行时,它会自动选中受人尊敬的复选框,但是,我遇到的问题是当我单击复选框时,它不会选中它
问题是,当选中复选框时,同时执行默认操作和行检查代码,从而否定操作
$('.bt-users-row').on('click', function(e) {
if ($(e.target).is(':checkbox')) {
return;
}
$(this).find('input[type="checkbox"]').prop('checked', function() {
return !this.checked;
});
});
相关文章:
- Javascript复选框函数:;缺少:在属性id之后"
- 潜水没有在Bootstrap/Javascript复选框菜单中排队
- JavaScript 复选框全选、取消全选、反转选择
- 单击离开时选中的 JavaScript 复选框
- Javascript复选框验证:如果用户没有't选中特定复选框
- Javascript复选框逻辑错误
- Javascript复选框填充输入并将不同的值传递给表单
- 简单的 JavaScript 复选框验证
- JavaScript 复选框表 - 如何添加值并查找最高值
- Ajax JavaScript 复选框更改不起作用
- Javascript 复选框表单验证
- 使用 JavaScript 复选框事件切换 html 的可见性
- JavaScript - 复选框的作用类似于单选按钮
- jQuery / JavaScript 复选框显示多个和单个选择中选中的复选框的数量
- javascript 复选框 - 仅在引导模式确定时取消选中
- 设置 JQuery HTML javascript 复选框工作,但不显示为选中状态
- Javascript复选框已选中触发器问题
- Javascript复选框的问题
- Javascript复选框递增和递减
- Javascript-复选框onclick-+操作