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 ...
随机推荐
- windows C 与 linux C区别？
windows C库格式为 .dll( 动态链接库英文为DLL,是Dynamic Link Library 的缩写形式,DLL是一个包含可由多个程序同时使用的代码和数据的库,DLL不是可执行文件). ...
- ORACLE 日志 logminer 使用
1. logminer安装 SQL> @$ORACLE_HOME/rdbms/admin/dbmslm.sql Package created. Grant succeeded. Synonym ...
- Node.js Express框架
Express 介绍 Express是一个最小的,灵活的Node.js Web应用程序框架,它提供了一套强大的功能来开发Web和移动应用程序. 它有助于基于Node Web应用程序的快速开发.下面是一 ...
- Rabbit hunt
poj2606:http://poj.org/problem?id=2606 给你n个点,求在一条直线上的点最多有几个.题解:直接暴力,但是要注意,横坐标相等的情况,这是不能求斜力,只能特殊处理. # ...
- 启明星辰：安全管理平台（SOC）
泰 合信息安全运营中心(Security Operation Center)系统是一个以IT资产为基础,以业务信息系统为核心,以客户体验为指引,从监控.审计.风险.运维四个维度建立起来的一套可度量的统 ...
- 试玩GitHub
SVN是可以,但GitHub越来越屌啊... SO...要玩起来.. 参考URL: http://jingyan.baidu.com/article/f7ff0bfc7181492e27bb1360. ...
- DB2中SQLSTATE=57016 SQLCODE=-668
执行 alter table DW_RPT.TRPT_JV_COGNOS_RPT add CENTER_CD varchar(10) ALTER TABLE DW_RPT.TRPT_JV_COGNOS ...
- 追踪CM_CONTROLCHANGE消息的产生和执行过程，可以较好的领会VCL的思想（就是到处通知，但耦合性很弱）
追踪CM_CONTROLCHANGE消息的流向,可以较好的 测试代码: procedure TForm1.Button1Click(Sender: TObject);var Image2 : TIma ...
- 图论（网络流）：[CTSC2001]终极情报网
[CTSC2001]终极情报网 [题目描述] 在最后的诺曼底登陆战开始之前,盟军与德军的情报部门围绕着最终的登陆地点展开了一场规模空前的情报战. 这场情报战中,盟军的战术是利用那些潜伏在敌军内部的双重 ...
- zookeeper集群环境安装配置
众所周知,Zookeeper有三种不同的运行环境,包括:单机环境.集群环境和集群伪分布式环境 在此介绍的是集群环境的安装配置 一.下载: http://apache.fayea.com/zookeep ...