脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → jquery → table checkbox 选中一个

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获取元素索引值index()示例

    jquery获取元素索引值index()示例

    这篇文章主要介绍了jquery获取元素索引值index()方法,需要的朋友可以参考下
    2014-02-02
  • 浅谈jQuery构造函数分析

    浅谈jQuery构造函数分析

    jquery的构造函数很好的运用的javascript的充分利用了JavsScript语言的动态性——对行参的类型和个数没有的严格要求，以至于一个函数可以实现多种功能需求，也为JavaScript语言的多态性提供了基础，在这个构造函数中，提供了六种不同的调用格式（根据官方API文档）
    2015-05-05
  • 把html页面的部分内容保存成新的html文件的jquery代码

    把html页面的部分内容保存成新的html文件的jquery代码

    把html页面的部分内容保存成新的html文件，用到了jquery的获取指定id的内容。然后保存代码。
    2009-11-11
  • 基于jQuery的为attr添加id title等效果的实现代码

    基于jQuery的为attr添加id title等效果的实现代码

    下面的例子是通过jquery为连接增加title描述的代码，在当前页的连接上写上，你好，现在在试验连接文字的简单描述。
    2011-04-04
  • jQuery实现选中行变色效果(实例讲解)

    jQuery实现选中行变色效果(实例讲解)

    下面小编就为大家带来一篇jQuery实现选中行变色效果(实例讲解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-07-07
  • jquery中加载图片自适应大小主要实现代码

    jquery中加载图片自适应大小主要实现代码

    当图片较小时显示实际大小，当图片超过div 大小时图片自动适应div的大小，下面有个示例，大家可以参考下，希望对大家有所帮助
    2013-08-08
  • JQuery事件冒泡和默认行为代码实例

    JQuery事件冒泡和默认行为代码实例

    这篇文章主要介绍了JQuery事件冒泡和默认行为代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-05-05
  • ajax jquery实现页面某一个div的刷新效果

    ajax jquery实现页面某一个div的刷新效果

    这篇文章主要给大家介绍了关于ajax jquery实现页面某一个div的刷新效果的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-03-03
  • JQuery困惑—包装集 DOM节点

    JQuery困惑—包装集 DOM节点

    我使用了JQuery进行了一段时间的前端开发，它让我从选择需要操作的元素痛苦中解放出来，因为提供的选择功能是如此的强大。 同时在开发过程中我被一个问题困惑了很久，也许在别人看来这根本不是问题！
    2009-10-10
  • jQuery 网易相册鼠标移动显示隐藏效果实现代码

    jQuery 网易相册鼠标移动显示隐藏效果实现代码

    显示隐藏效果的实现主要是jquery层选择器的应用：当鼠标移动经过照片就显示设为封面删除，移开后就隐藏，此效果在web开发中经常会用到，感兴趣的朋友可以参考下哈
    2013-03-03

最新评论