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


Posted in jQuery onSeptember 22, 2017

//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只能选中一个的示例

以上就是小编为大家带来的jQuery实现table中两列CheckBox只能选中一个的示例的全部内容了,希望大家喜欢哦~

如果大家想了解更多游戏活动与游戏攻略,请持续关注本站,本站小编将在第一时间为大家带来最好看、最好玩、最新鲜的游戏资讯。更多精彩内容,尽在3water游戏频道!

jQuery 相关文章推荐
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
jQuery实现radio第一次点击选中第二次点击取消功能
May 15 jQuery
jQuery正则验证注册页面经典实例
Jun 10 jQuery
jquery图片放大镜效果
Jun 23 jQuery
jQuery扇形定时器插件pietimer使用方法详解
Jul 18 jQuery
jQuery:unbind方法的使用详解
Aug 14 jQuery
全面解析jQuery中的$(window)与$(document)的用法区别
Aug 15 jQuery
jQuery实现标签子元素的添加和赋值方法
Feb 24 jQuery
jQuery实现侧边栏隐藏与显示的方法详解
Dec 22 jQuery
jquery简单实现纵向的无缝滚动代码实例
Apr 01 jQuery
Jquery如何使用animation动画效果改变背景色的代码
Jul 20 jQuery
使用jQuery实现购物车
Oct 29 jQuery
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
Sep 22 #jQuery
使用jQuery实现两个div中按钮互换位置的实例代码
Sep 21 #jQuery
jQuery实现的简单动态添加、删除表格功能示例
Sep 21 #jQuery
jQuery实现可兼容IE6的滚动监听功能
Sep 20 #jQuery
jQueryMobile之窗体长内容的缺陷与解决方法实例分析
Sep 20 #jQuery
jQuery实现IE输入框完成placeholder标签功能的方法
Sep 20 #jQuery
jQuery实现可兼容IE6的淡入淡出效果告警提示功能示例
Sep 20 #jQuery
You might like
关于IIS php调用com组件的权限问题
2012/01/11 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
PHP中isset与array_key_exists的区别实例分析
2015/06/02 PHP
Zend Framework教程之Zend_Registry对象用法分析
2016/03/22 PHP
Yii开启片段缓存的方法
2016/03/28 PHP
你可能不再需要JQUERY
2021/03/09 Javascript
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
JavaScript实现复制功能各浏览器支持情况实测
2013/07/18 Javascript
jquery中选择块并改变属性值的方法
2013/07/31 Javascript
JS中判断null、undefined与NaN的方法
2014/03/26 Javascript
jquery 自定义容器下雨效果可将下雨图标改为其他
2014/04/23 Javascript
JQuery实现动态表格点击按钮表格增加一行
2014/08/24 Javascript
对js eval()函数的一些见解
2016/08/15 Javascript
jQuery实现页面点击后退弹出提示框的方法
2016/08/24 Javascript
AngularJS递归指令实现Tree View效果示例
2016/11/07 Javascript
Javascript中构造函数要注意的一些坑
2017/01/23 Javascript
javaScript嗅探执行神器-sniffer.js
2017/02/14 Javascript
react native带索引的城市列表组件的实例代码
2017/08/08 Javascript
ES6关于Promise的用法详解
2018/05/07 Javascript
vue项目前端知识点整理【收藏】
2019/05/13 Javascript
js实现淘宝首页的banner栏效果
2019/11/26 Javascript
Vue-cli3生成的Vue项目加载Mxgraph方法示例
2020/05/31 Javascript
原生JavaScript实现刮刮乐
2020/09/29 Javascript
python实现自动登录人人网并采集信息的方法
2015/06/28 Python
python实现简单的文字识别
2018/11/27 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
python使用PIL剪切和拼接图片
2020/03/23 Python
python matplotlib模块基本图形绘制方法小结【直线,曲线,直方图,饼图等】
2020/04/26 Python
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
HTML中meta标签及Keywords
2020/04/15 HTML / CSS
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
英文自荐信
2013/12/19 职场文书
运动会方队口号
2014/06/07 职场文书
图书馆志愿者活动总结
2014/06/27 职场文书
授权委托书格式范文
2014/08/02 职场文书