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实现放大镜简洁代码(推荐)

    jquery实现放大镜简洁代码(推荐)

    这篇文章主要介绍了jquery实现放大镜简洁代码,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2017-06-06
  • JQuery+CSS实现图片上放置按钮的方法

    JQuery+CSS实现图片上放置按钮的方法

    这篇文章主要介绍了JQuery+CSS实现图片上放置按钮的方法,涉及jQuery鼠标事件及页面样式的相关技巧,需要的朋友可以参考下
    2015-05-05
  • jQuery使用技巧简单汇总

    jQuery使用技巧简单汇总

    本文将详细介绍下jQuery对象作为数组处理、创建一个空的jQuery对象、selector属性、选择随机元素,感兴趣的朋友可以参考下哈
    2013-04-04
  • 使用jquery给新生的th绑定hover事件的实例

    使用jquery给新生的th绑定hover事件的实例

    下面小编就为大家带来一篇使用jquery给新生的th绑定hover事件的实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-02-02
  • jQuery版仿Path菜单效果

    jQuery版仿Path菜单效果

    昨日在一个前端网站上看见了一个老外写的纯用css3做的仿Path菜单,心里痒痒,于是也用jQuery写了一个,现在分享给大家
    2011-12-12
  • jQuery学习之DOM节点的插入方法总结

    jQuery学习之DOM节点的插入方法总结

    这篇文章主要给大家介绍了jQuery中DOM节点的插入方法,文章总结的很全面,相信对大家具有一定的参考价值,需要的朋友们一起来看看吧。
    2017-01-01
  • jquery1.10给新增元素绑定事件的方法

    jquery1.10给新增元素绑定事件的方法

    jquery1.10去除了.live()方法,新增了一个.on()方法来给元素绑定事件,下面有个不错的示例,大家可以参考下
    2014-03-03
  • jQuery 如何先创建、再修改、后添加DOM元素

    jQuery 如何先创建、再修改、后添加DOM元素

    这篇文章主要介绍了jQuery 如何创建、修改、添加DOM元素,需要的朋友可以参考下
    2014-05-05
  • jQuery中:contains选择器用法实例

    jQuery中:contains选择器用法实例

    这篇文章主要介绍了jQuery中:contains选择器用法,以实例形式分析了:contains选择器的功能、定义及匹配给定元素文本时的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2014-12-12
  • jquery文字填写自动高度的实现方法

    jquery文字填写自动高度的实现方法

    下面小编就为大家带来一篇jquery文字填写自动高度的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11

最新评论