jQuery实现table中两列CheckBox只能选中一个

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery实现table中两列CheckBox只能选中一个相关的知识,希望对你有一定的参考价值。

//html

<table id="unit">
<tr>
<th>选项一</th>
<th>选项二</th>
<th>姓名</th>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td>小红</td>
</tr>
<tr>
<td><input type="checkbox" /></td>
<td><input type="checkbox" /></td>
<td>小明</td>
</tr>
</table>

//jQuery

<script type="text/javascript">

$(function(){


  $("#unit tr").click(function () {
    $(this).siblings().find("input[type=‘checkbox‘]").removeAttr("checked");
  });

})
</script>

//效果图,暂时上传不了动态的,亲测有用的

技术分享

 





















以上是关于jQuery实现table中两列CheckBox只能选中一个的主要内容,如果未能解决你的问题,请参考以下文章

如何根据数据透视表中两列(两个外键)中的 ID 返回相关模型?

mysql中两列之间的区别

将函数应用于 Pandas.DataFrame 中两列的每个组合的更好方法

用LINQ将select中两列的结果合并到一个数组中?

jQuery实现checkbox的全选和反选

Jquery如何删除table里面checkbox选中的多个行