单选按钮控制两个表单是否生效的代码

最新推荐文章于 2018-09-05 10:41:21 发布
最新推荐文章于 2018-09-05 10:41:21 发布
阅读量124 收藏
点赞数
分类专栏： java script
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jyqc688/article/details/84246569
版权

<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].οnclick=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)
}
οnlοad=init
</script>
</body>
</html>

<a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！

jyqc688
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html单选按钮禁用,使用jQuery禁用单选按钮
weixin_29668721的博客
06-08 1274
使用jQuery禁用单选按钮我试图在单击loadActive链接时禁用这些单选按钮，但由于某种原因，它仅禁用顺序中的第一个按钮，然后跳过其余的按钮。Load Active这是我正在使用的jQuery：jQuery("#loadActive").click(function() {//I have other code in here that runs before this function c...
js实现不提交表单获取单选按钮值的方法
10-23
在这个例子中，我们有两个单选按钮，它们共享`CardType`这个名称，表示它们是一组。`value`属性用于设定每个选项的值。 接下来，我们可以使用JavaScript来获取这些单选按钮的值。在上述代码中，我们可以看到一个名...
选中单选按钮后显示其他表单元素
weixin_33907511的博客
10-08 234
纸上得来终觉浅，看了JSP的范例宝典，还是决定把书本的例子操作一遍才安心。 今天在老是把none写成nono,结果老是隐藏不了。 style="display: none"; 本实例主要利用javascript设置表格的display样式来实现表格的显示和隐藏。将表格的display样式设置为none，可以控制表格的隐藏，将表格的display样式设置为block， 可以显示表格。 V...
layui单选按钮
树欲静而风不止
09-05 7676
layui是一款比较好用的前端框架，但是在使用的过程中，初学者可能对于单选按钮，复选框之类的表单元素摸不着头脑。 首先，引用layui.css和layui.js， 其次，单选按钮和复选框都是表单元素，所以，在父层要给个form或者一个类（layui-form）， 最后，想要单选按钮或者复选框生效就要在js中渲染一次表单 layui.use('form', function(){  var...
jquery判断单选按钮radio是否选中的方法
10-24
通过上述两种方法，我们可以有效地在使用jQuery开发Web应用时检测单选按钮的选中状态。这对于表单验证、动态更新用户界面或记录用户的选择等场景非常有用。重要的是，使用jQuery可以极大地简化这类常见的任务，使...
JSP单选按钮验证、下拉框验证、复选框验证实现代码
10-30
标题：“JSP单选按钮验证、下拉框验证、复选框验证实现代码”涉及了在Java Server Pages（JSP）中对不同表单控件进行验证的编程实践。具体的知识点包括：单选按钮（radio button）验证、下拉框（dropdown）验证以及...
PHP表单验证内容是否为空的实现代码
10-21
在性别选择的部分，使用了单选按钮来让用户选择性别，同样在后面附有错误信息的提示。 在表单的底部，提供了一个提交按钮，用户点击此按钮后，表单数据将被重新提交到同一个页面进行验证。表单的`action`属性设置为...
ASP.NET单选按钮控件RadioButton常用属性和方法介绍
10-26
Appearance属性用于控制单选按钮的外观。它可以取两个值：Appearance.Button和Appearance.Normal。当值为Button时，单选按钮的外观类似于命令按钮，当选中时，它会显示成一个被按下的状态。而默认值Appearance....
蒙牛智能化改造解决方案.docx
最新发布
08-17
蒙牛智能化改造解决方案.docx
java基于ssm+jsp BS架构的学生档案管理系统源码 带毕业论文
08-17
【资源说明】 1、开发环境：ssm框架；内含Mysql数据库；JSP技术 2、该资源包括项目的全部源码，下载可以直接使用！ 3、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 4、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值