<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>单选按钮控制两个表单是否生效的代码 - www.webdm.cn</title>
</head>
<body>
<table id="mytable">
<tr height="25">
<td colspan="2" bgcolor="#E5E5E5"style="font-weight: bold;color: #00008B;border: 1px solid gray;">客户</td>
</tr>
<tr>
<td width="563"style="border-bottom: 1px solid gray;border-left: 1px solid gray;border-right: 1px solid gray;">
<table width="100%">
<tr height="25" bgcolor="#F5F5F5">
<td align="center" nowrap="nowrap"><input type="radio" name="cumkind" value="1"checked="checked"/>
<span style="font-weight: bold;">单位委托</span>
<span style="color: red;">*</span>
<span id="c1">单位名称</span>
<input type="text" id="companyName" name="companyName" style="width: 180px;" /></td>
</tr>
<tr>
<td>
<div style="margin-left: 11px;">
<span id="c2">注册资金</span>
<input type="text" id="regMoney" name="regMoney" style="width: 89px;" />
<span id="c4">联 系 人</span>
<input type="text" style="width: 89px;" id="comname" name="touch2" />
</div></td>
</tr>
</table>
</td>
<td width="400" style="border-bottom: 1px solid gray;border-right: 1px solid gray;">
<table width="100%">
<tr height="25" bgcolor="#F5F5F5">
<td>
<div style="float: left;width: 100px;" align="center">
<input type="radio" name="cumkind" value="2"/>
<span style="font-weight: bold;">个人委托</span></div>
<div style="margin-left: 118px;">
<span style="color: red;">*</span>
<span id="p1">姓名</span>
<input type="text" id="name" name="touch" style="width: 73px;"/>
</div></td>
</tr>
<tr>
<td nowrap="nowrap"><div style="margin-left: 124px;"><span id="p3">年龄</span>
<input type="text" id="age" name="age" style="width: 73px;"/>
</div></td>
</tr>
</table>
</td>
</tr>
</table>
<script>
var obj,ok;
var objarray=[]
function init(){
obj=document.getElementsByName("cumkind"),ok=obj.length;
for (var i=0;i<ok;i++){
obj[i].index=i
getparent(obj[i])
obj[i].onclick=function(){changme(this)}
}
obj[0].click()
}
function changme(o){
for (var i=0;i<ok;i++){
if (i==o.index){
disabl(i,false);
document.getElementById(objarray[i]).style.color="#000";
document.getElementById(objarray[i]).getElementsByTagName("span")[1].style.color="#f00";}
else {
disabl(i,true);
document.getElementById(objarray[i]).style.color="#aaa";
document.getElementById(objarray[i]).getElementsByTagName("span")[1].style.color="#aaa";}
obj[i].disabled=false
}
}
function disabl(n,tf){
if (document.getElementById(objarray[n]).getElementsByTagName("input").length>0){
var obj_input=document.getElementById(objarray[n]).getElementsByTagName("input")
for (var j=0;j<obj_input.length;j++)obj_input[j].disabled=tf
}
if (document.getElementById(objarray[n]).getElementsByTagName("select").length>0){
var obj_select=document.getElementById(objarray[n]).getElementsByTagName("select")
for (var j=0;j<obj_select.length;j++) obj_select[j].disabled=tf
}
}
function getparent(o){//获取"cumkind"所在<table>对象id
var pn=o.parentNode
if (pn.tagName.toLowerCase()=="td"){
pn=pn.parentNode.parentNode.parentNode;
objarray[objarray.length]=pn.id="t"+objarray.length
}
else getparent(pn)
}
onload=init
</script>
</body>
</html>
<a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
分享到：
相关推荐
第2章（\代码\第02章） • sample01.htm 将JavaScript代码插入在标签与标签之间 • sample02.htm 将JavaScript代码放在了标签与标签之间 • sample03.htm JavaScript与HTML混合执行 • ...
实例046 比较两个时间戳的大小 77 实例047 使用条件运算符判断数字的奇偶性 78 实例048 判断用户是否具有后台管理权限 79 实例049 打印随机组合生日祝福语 80 实例050 打印2000~2020年的所有闰年 81 实例051 前置...
1.1连接两个或多个字符串 1.2连接字符串和另一种数据类型 1.3条件比较字符串 1.4在字符串中查找子字符串 1.5从一个字符串提取子字符串 1.6检查一个存在的、非空的字符串 1.7将一个关键字字符串分解为...
实例046 比较两个时间戳的大小 77 实例047 使用条件运算符判断数字的奇偶性 78 实例048 判断用户是否具有后台管理权限 79 实例049 打印随机组合生日祝福语 80 实例050 打印2000~2020年的所有闰年 81 实例051 前置...
实例046 比较两个时间戳的大小 77 实例047 使用条件运算符判断数字的奇偶性 78 实例048 判断用户是否具有后台管理权限 79 实例049 打印随机组合生日祝福语 80 实例050 打印2000~2020年的所有闰年 81 实例051 前置...
在文档的第一个表单中，查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...
建立一个应用程序 ................................................................................................................................ 17 应用程序的关闭 .......................................
8、自定义字段功能：可自由设置字段类型、字段类型（单行文本、多行文本、下拉列表、数字、日期、单选按钮、多选按钮、电子邮箱、文件）、表单选项限制(功能启用时间限制、是否只允许会员提交、每个会员是否只允许...
6.7 处理单选按钮 117 6.8 用一个字段设置另一个字段 119 6.9 检验Zip编码 122 6.10 验证电子邮件地址 126 第7章 表单和正则表达式 131 7.1 用正则表达式验证电子邮件地址 131 7.2 验证文件名 136 ...
单选按钮的值 输入条组件 菜单 列表框 没有了geometry属性 文本组件 颜色属性 颜色分配与tk colormodel 画布组件的scrollincrement 选择 bell命令 第49章 tcl 7.5/tk 4.1 跨平台脚本 clock命令 load...
① 表单类型支持单行文本、单选按钮 ② 支持自定义价格、自定义图片、是否作为搜索项 4、商品审核、商品标签、商品回收站 5、品牌管理：品牌、品牌分类的的增删改查 6、供货商管理：供货商信息列表的增删改查 二、...
3.1.5 秘诀16：在两个应用程序之间共享线程 46 3.2 线程之间的消息机制：handler 46 3.2.1 秘诀17：从主线程调度runnable 任务 46 3.2.2 秘诀18：使用倒数计时器 49 3.2.3 秘诀19：处理耗时的初始化工作 50 3.3 ...
通过作业,定时同步两个数据库 SQLSERVER高级注入技巧 利用反射实现ASP.NET控件和数据实体之间的双向绑定,并且在客户端自动验证输入的内容是否合法 asp.net报表解决方法 SQLDMO类的使用 SQL过程自动C#封装,支持从表到...
8、节省空间资源，同一张图片或同一个文件，在第二次上传时会自动获取原来上传的文件地址，有效节省空间资源 9、多图上传可以标注每个图的描述标题等 10、无限分级，前台可无限调用，同时可对栏目字段进行向上追溯...