javascript - jQuery取消选中同一行选中的其他复选框

Question

你好
我想告诉你，我知道有很多关于相同问题的堆栈溢出的解决示例。但是我的查询有点复杂，让我恶心。我有大量的表，其中包含10 行和 9 列。我想要的只是当用户选中 STROKE 的 NONE 复选框时，同一行中的其他复选框未选中。我必须对每一行都这样做。如果选中其他复选框(用户可以选中多个 PARENT、UNCLE、OTHERS 等)，则将取消选中NONE 复选框。如有疑问请问我。我从过去 2 天开始尝试同样的方法，但可以成功。请帮我提前致谢。

心脏 没有 parent 叔叔/阿姨 祖 parent 其他
================================================ =============
中风
攻击
英国石油公司

血缘 无 parent 叔叔/阿姨 祖 parent 其他
================================================ =============
贫血
免疫
卢克米娅

Answer 1

对同一行使用相同的类。在每一行中，您可以给出不同的类名，然后再做同样的事情。我给了你一行示例。

$(function(){
$("input[type='checkbox']").click(function(){
if($(this).prop('checked') == true && $(this).attr('class')=='none'){

$(this).closest("tr").find("input[type='checkbox']").each(function(){
$(this).prop('checked', false);
});
$(this).prop('checked',true);

}
else{
$(this).closest("tr").find("input[type='checkbox']").each(function(){
$(this).closest('.none').prop('checked',false);
});
}
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table border='0'>
<tr><th>HEART</th><th>NONE</th><th>PARENT</th><th>UNCLE/AUNT</th><th>GRANDPARENT</th><th>OTHERS</th><tr>
<tr><td>STROKE</td><td><input type='checkbox' class='none'></td><td><input type='checkbox' class='stroke'></td><td><input type='checkbox' class='stroke'></td><td><input type='checkbox' class='stroke'></td><td><input type='checkbox' class='stroke'></td></tr>
<tr><td>ATTACK</td><td><input type='checkbox' class='none'></td><td><input type='checkbox' class='attack'></td><td><input type='checkbox' class='attack'></td><td><input type='checkbox' class='attack'></td><td><input type='checkbox' class='attack'></td></tr>
</table>