jQuery实现table中两列CheckBox只能选中一个的示例
编程学习 2021-07-04 17:32www.dzhlxh.cn编程入门
狼蚁网站SEO优化长沙网络推广就为大家带来一篇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只能选中一个的示例的全部内容了，希望大家喜欢哦~
如果大家想了解更多游戏活动与游戏攻略，请持续关注本站，本站长沙网络推广将在第一时间为大家带来最好看、最好玩、最新鲜的游戏资讯。更多精彩内容，尽在jb51游戏频道！