<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> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！
分享到：
相关推荐
当用户在表单中提交数据时，单选按钮可以用来收集用户的偏好或选择。 #### 1.2 获取单选按钮的状态 JavaScript中可以通过`document.getElementsByName()`方法来获取所有具有相同名称的元素集合。在这个例子中，`...
在这个例子中，我们有两个单选按钮，它们共享`CardType`这个名称，表示它们是一组。`value`属性用于设定每个选项的值。 接下来，我们可以使用JavaScript来获取这些单选按钮的值。在上述代码中，我们可以看到一个名...
7. **全部功能集成**：一个完整的代码类应该能够处理各种表单场景，包括单选按钮、复选框、文本输入、密码输入等多种表单元素。它应能适应不同需求，确保数据的安全过滤、验证，并提供统一的接口供其他代码调用。 ...
通过上述两种方法，我们可以有效地在使用jQuery开发Web应用时检测单选按钮的选中状态。这对于表单验证、动态更新用户界面或记录用户的选择等场景非常有用。重要的是，使用jQuery可以极大地简化这类常见的任务，使...
Appearance属性用于控制单选按钮的外观。它可以取两个值：Appearance.Button和Appearance.Normal。当值为Button时，单选按钮的外观类似于命令按钮，当选中时，它会显示成一个被按下的状态。而默认值Appearance....
标题：“JSP单选按钮验证、下拉框验证、复选框验证实现代码”涉及了在Java Server Pages（JSP）中对不同表单控件进行验证的编程实践。具体的知识点包括：单选按钮（radio button）验证、下拉框（dropdown）验证以及...
在AngularJS中，我们可以使用`ngModel`指令来绑定单选按钮的值到控制器中的变量，`ngValue`用来指定按钮的值，而`ngChecked`则控制按钮的选中状态。以下是一个简单的单选按钮组示例： ```html 请选择一个颜色: ...
例如，在上述示例中，我们有两个单选按钮组（group[1]和group[2]）和一个多选按钮组（ch[1][]）。为了确保每个组至少有一个被选中，我们需要编写相应的验证逻辑。 在JQuery中，虽然直接使用`$(":radio[@name=name]...
- `type="radio"`：单选按钮。 - `type="checkbox"`：复选框。 - `type="file"`：文件选择器。 - `type="password"`：密码输入框，输入的内容会被隐藏。 - `type="button"`：普通按钮。 - `type="submit"`：...
1. **表单元素**: 在HTML中，`<form>`标签用于创建一个表单，其中包含各种输入元素，如`<input>`（文本框、密码框、复选框、单选按钮等）、`<textarea>`（多行文本输入）、`<select>`（下拉列表）和`<button>`（提交...
综上，"JavaScript验证注册表单（包含多种表单元素）"这个项目涉及到前端开发中基础但关键的技能，通过`Ten.html`和`validate.js`这两个文件，我们可以学习到如何利用JavaScript有效地实现客户端表单验证，提升用户...
1. 单选按钮（Radio Button）：在注册页面中，单选按钮常用于让用户在两个或多个互斥选项中选择一个。例如，用户可能需要选择性别、国家或语言偏好。在HTML中，单选按钮通过`<input type="radio">`定义，每个单选...
4. 插入单选按钮和复选框：这两种表单元素让用户能从多个选项中选择一个或多个。单选按钮通常用于互斥选项，而复选框允许同时选择多个选项。 5. 插入列表和菜单：列表提供预设选项供用户选择，而菜单可以创建下拉式...
2. 表单元素：HTML表单包含多种输入元素，如文本输入框`<input type="text">`、密码输入框`<input type="password">`、复选框`<input type="checkbox">`、单选按钮`<input type="radio">`、下拉列表`<select>`等。...
表单控件包括文本输入框 (`<input type="text">`)、密码输入框 (`<input type="password">`)、单选按钮 (`<input type="radio">`)、复选框 (`<input type="checkbox">`)、下拉列表 (`<select>`) 等。 3. **JSP接收...
- `<input>`标签：用于创建输入字段，例如文本框、密码框、复选框、单选按钮等，通过`type`属性定义输入类型。 - `<textarea>`标签：用于创建多行文本输入框。 - `<select>`与`<option>`标签：用于创建下拉列表。...
表单组件包括输入框（input）、选择下拉框（select）、多选框（checkbox）和单选按钮（radio），以及按钮（button）等。 1. **基本表单布局**：Bootstrap提供两种主要的表单布局方式——“默认”和“水平”。默认...
表单控件是用户与表单交互的元素，包括输入框、按钮、复选框、单选按钮、下拉列表和多行文本输入等。以下是一些常见的表单控件： 1. `<input type="text">` - 这是单行文本输入框，用于用户输入文本信息，例如姓名...
- `<input type="radio">` 创建单选按钮，用户只能选择一个选项。 - `<select>` 和 `<option>` 用于创建下拉列表。 - `<textarea>` 用于创建多行文本输入框。 四、表单验证 HTML5引入了内置的表单验证功能，通过`...
常见的表单元素有`<input>`（文本输入、密码输入、复选框、单选按钮等）、`<textarea>`（多行文本输入）、`<select>`（下拉列表）和`<button>`（提交或重置按钮）等。 2. **表单方法**：表单提交数据有两种主要方法...