jQuery实现table中两列CheckBox只能选中一个的示例
更新时间:2017年09月22日 14:00:51 作者:薛李淑月
下面小编就为大家带来一篇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游戏频道!
相关文章
jQuery中hover与mouseover和mouseout的区别分析
这篇文章主要介绍了jQuery中hover与mouseover和mouseout的区别,结合实例分析了jQuery中hover与mouseover和mouseout的区别与使用技巧,需要的朋友可以参考下2015-12-12jQuery EasyUI API 中文文档 - EasyLoader 加载器
jQuery EasyUI API 中文文档 - EasyLoader 加载器,使用jQuery EasyUI的朋友可以参考下。2011-09-09
最新评论