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 ...
随机推荐
- iOS题
对于语句NSString* testObject = [[NSData alloc] init];关于testObject是什么类型对象,以下说法正确的是: 答案:(A) A.编译时,NSString ...
- UNIX Filesystems - Evolution Design and Implementation.pdf
UNIX Filesystems - Evolution Design and Implementation.pdf
- 启明星辰：安全管理平台（SOC）
泰 合信息安全运营中心(Security Operation Center)系统是一个以IT资产为基础,以业务信息系统为核心,以客户体验为指引,从监控.审计.风险.运维四个维度建立起来的一套可度量的统 ...
- Mysql中类似于nvl()函数的ifnull()函数
IFNULL(expr1,expr2) 如果expr1不是NULL,IFNULL()返回expr1,否则它返回expr2.IFNULL()返回一个数字或字符串值,取决于它被使用的上下文环境. mysq ...
- 如何用正则匹配后缀名不为.jpg, .css, .js, .html, .htm, .png的文件
有网友碰到过这样的问题:如何用正则匹配后缀名不为.jpg, .css, .js, .html, .htm, .png的文件,问题详细内容为: 如何用正则匹配后缀名不为.jpg, .css, .js, ...
- 4. Repeater 实例2
设计管理一个用户程序,对用户的状态进行管理,当用户状态是启用时整行显示红色. 设计思路:用Repeater遍历每行记录,在操作状态的表格中旋转两个按钮,一个为启用功能,另一个为禁用功能,根据Repea ...
- 【HDOJ】1987 Decoding
简单搜索. /* hdoj 1987 */ #include <iostream> #include <cstdio> #include <cstring> #in ...
- oracle中触发器中:new和:old 的使用方法--4
转载▼ create or replace trigger TRI_PrintTest before delete or insert or update on TEST_EXAM --触发事 ...
- 数据结构（KD树）：HDU 4347 The Closest M Points
The Closest M Points Time Limit: 16000/8000 MS (Java/Others) Memory Limit: 98304/98304 K (Java/Ot ...
- Delphi NativeXml用法攻略 转
NativeXml可以在官网上下载,下载后将文件夹放在指定地方,打开DELPHI在其环境变量中引用NativeXml路径,然后在程序中引用NativeXml单元,我们就可以使用NativeXml了. ...