jquery对同级的td做radio限制
<html>
<head>
<title></title>
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">
</script>
<script type="text/javascript">
function CheckSex1(str){
alert(str);
var rs = $(".ra");
rs.attr("disabled","disabled");
}
function CheckSex(str){ $(":radio").removeAttr("disabled"); $("tr .woman").prev(":radio").removeAttr("checked");
$("tr .man").prev(":radio").removeAttr("checked");
$("tr .hraf").prev(":radio").removeAttr("checked");
if(str == "man"){
var te = $("tr .woman"); var ra = te.prev(":radio");
ra.attr("disabled","disabled"); }else if(str == "woman"){
var te = $("tr .man"); var ra = te.prev(":radio");
ra.attr("disabled","disabled");
}
} </script>
<body> <table border="1" align="center" class="tyouhyou_11pt" cellpadding="0" cellspacing="0" width="530"> <tr class="tyouhyou_9pt" height="20">
<td width="30" align="center"><input type="radio" name="checkStaff" value="" onclick="CheckSex('man');"/></td>
<td width="90" align="center"><a onclick="jumpNewWindow('xx')"></a></td>
<td width="30" align="center">20</td>
<td width="30" align="center">man</td>
<td width="90" align="center">13545810125</td>
<td width="90" align="center">027-51879974</td>
<td width="90" align="center">2015-01-24</td>
<td width="80" align="center">1</td>
</tr>
<tr class="tyouhyou_9pt" height="20">
<td width="30" align="center"><input type="radio" name="checkStaff" value="" onclick="CheckSex('woman');"/></td>
<td width="90" align="center"><a onclick="jumpNewWindow('xx')"></a></td>
<td width="30" align="center">20</td>
<td width="30" align="center">woman</td>
<td width="90" align="center">13545810125</td>
<td width="90" align="center">027-51879974</td>
<td width="90" align="center">2015-01-24</td>
<td width="80" align="center">1</td>
</tr>
</table> <table border="1" align="center" class="tyouhyou_11pt" cellpadding="0" cellspacing="0" width="530">
<tr class="tyouhyou_9pt" height="30">
<td width="120" align="center" bgcolor="#FFB56A">neirong</td>
<td width="145" align="center">mingzi</td>
<td width="120" align="center" bgcolor="#FFB56A">changsuo</td>
<td width="145" align="center">yewuming</td>
</tr> <tr class="tyouhyou_9pt" height="30">
<td align="left" colspan="4">2015-05-25</td>
</tr> <tr class="tyouhyou_9pt" height="30">
<td align="left" colspan="4"> 08:18-19:00 <input type="radio" class="ra" name="344963duty" value="344952" /> </td>
</tr>
<tr class="tyouhyou_9pt" height="30">
<td align="left" colspan="4"> 09:18-20:00 <input type="radio" class="ra" name="344963duty" value="344952" />
<input type="hidden" class="woman" value="2"/>
</td>
</tr> <tr class="tyouhyou_9pt" height="30">
<td align="left" colspan="4">2015-05-26</td>
</tr> <tr class="tyouhyou_9pt" height="30">
<td align="left" colspan="4"> 10:18-19:00 <input type="radio" class="ra" name="344963duty" value="344952" />
<input type="hidden" class="man" value="1"/>
</td>
</tr>
<tr class="tyouhyou_9pt" height="30">
<td align="left" colspan="4"> 13:18-20:00 <input type="radio" class="ra" name="344963duty" value="344952" />
<input type="hidden" class="woman" value="2"/>
</td>
</tr>
<tr class="tyouhyou_9pt" height="30">
<td align="left" colspan="4"> 18:18-20:00 <input type="radio" class="ra" name="344963duty" value="344952" />
<input type="hidden" class="hraf" value="3"/>
</td>
</tr>
</table>
</body>
</html>
能够实现，控制同级的td中的radio 的可选和不可选
jquery对同级的td做radio限制的更多相关文章
- jquery 单击table行事件和radio的选中事件冲突
原文地址:http://zhidao.baidu.com/link?url=HER7lu4jqejWUhWQO2nq6LZ6tf7vyhPZRADSL-xaBQSF4P4yftD9vg08Ss8HF- ...
- jQuery操作Table tr td常用的方法
虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...
- 汇总常用的jQuery操作Table tr td方法
虽然现在DIV+CSS进行页的布局大行其道,但是很多地方使用table还是有很多优势,用table展示数据是比较方便的,下面汇总了jQuery操作Table tr td常用的方法,熟记这些操作技巧,下 ...
- jquery 设置checked="checked"无效，radio未选中。。
jquery 设置checked="checked"无效,radio未选中.. 最好还是使用.prop(),在jQuery1.6版本之前.attr存在一些bug.在1.6之后它会自 ...
- [转] jQuery源码分析-如何做jQuery源码分析
jQuery源码分析系列(持续更新) jQuery的源码有些晦涩难懂,本文分享一些我看源码的方法,每一个模块我基本按照这样的顺序去学习. 当我读到难度的书或者源码时,会和<如何阅读一本书> ...
- 11.8 开课二个月零四天 （Jquery取属性值，做全选，去空格）
1.jquery取复选框的值 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt ...
- 用jquery修改默认的单选框radio或者复选框checkbox选择框样式
默认的radio和checkbox选框很难看.我去看了一下qq注册的页面.发现单选和复选框并没有用<input>,居然是用是A标签.然后用css背景图片展示选择框,用JavaScript控 ...
- Jquery操作select、checkbox、radio详细讲解
一 .Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); / ...
- jquery从tr获取td
已知HTML:<tr id="row001"><td>001</td><td>张三</td></tr>JQU ...
随机推荐
- Ruby自学笔记（一）— 基本概况
之前一直想要多看看RESTful Service相关的东西,找到一本相关的书,但是里面的代码都是用Ruby写的,虽然知道编程语言都是类似的,但是看到一些陌生的语法,还是有些摸不着头脑,所以最近终于下定 ...
- List of XML and HTML character entity references
A character entity reference refers to the content of a named entity. An entity declaration is creat ...
- Zabbix的集中式监控
相对于传统的ZABBIX硬件系统级监控(CPU,内存,硬盘,网卡),应用级的监控就显得有些复杂了. 如果对不同的应该来不同的应用,配置会很多的. 如果我们能在一个指定的AGENT上监控所有的APACH ...
- java dump
注意,请不要被我误导,我没有看其他资料,这是我自己分析的,有些可能是不对的 "DestroyJavaVM" prio=6 tid=0x00316800 nid=0x448 wait ...
- hibernate 3.* C3P0配置 以及为什么需要连接池！
Hibernate自带的连接池算法相当不成熟. 它只是为了让你快些上手,并不适合用于产品系统或性能测试中. 出于最佳性能和稳定性考虑你应该使用第三方的连接池.只需要用特定连接池的设置替换 hibern ...
- Linux Shell编程（8）——变量详解
不同与许多其他的编程语言,Bash不以"类型"来区分变量.本质上来说,Bash变量是字符串,但是根据环境的不同,Bash允许变量有整数计算和比较.其中的决定因素是变量的值是不是只含 ...
- Qt入门（8）——事件和事件过滤器
在Qt里,一个事件是继承自QEvent的对象.事件通过调用QObject::event(),被发送到继承自 QObject 的对象.事件发送就是一个事件已经产生,由 QEvent正好去表达,且QObj ...
- 【树形动规】HDU 5834 Magic boy Bi Luo with his excited tree
题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5834 题目大意: 一棵N个点的有根树,每个节点有价值ci,每条树边有费用di,节点的值只能取一次,边 ...
- QTP自传之描述性编程
描述性编程,即采用描述性的语言定位对象,不需要事先将对象添加到对象库中.下面,就说说如何使用描述性编程,我们将继续使用对象库编程中的网页. 使用描述性编程的两种方法 直接描述 对象("属性名 ...
- 【索引】用PS3手柄在安卓设备上玩游戏系列
谈安卓游戏对手柄的支持:http://www.cnblogs.com/duxiuxing/p/3729802.html 连接手柄和设备:http://www.cnblogs.com/duxiuxing ...