获取radio值之后禁用radio相关选项

简介:

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>


</head>


<body>
<form id="save" name="save" method="post" action="">
<select id="jshf" name="jshf" onchange="stChange(this.id);">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select><br />
<input type="radio" id="r1"  name="r1" value="重庆" onclick="getValue(this.name);"/>重庆
<input type="radio" id="r1"  name="r1" value="衡水" onclick="getValue(this.name);"/>衡水
<input type="radio" id="r1"  name="r1" value="永川" onclick="getValue(this.name);"/>永川<br />
<input type="radio" id="r2"  name="r2" value="中国" onclick="getValue(this.name);"/>中国
<input type="radio" id="r2"  name="r2" value="美国" onclick="getValue(this.name);"/>美国<br />
<textarea id="bz" name="bz" readonly="readonly">a</textarea>
<button onclick="reload();">重填</button>
</form>
<!--script language="javascript" src="autoFill.js"></script-->
</body>
<script language="javascript">
var bz=document.getElementById("bz");
function stChange(){
var s1=document.getElementById("jshf");
var index=s1.selectedIndex;


bz.innerHTML=s1.options[index].value;
}


function getValue(obj){
var zt = document.getElementsByName(obj);
 for(var i=0;i<zt.length;i++){
if(zt[i].checked) {//alert("选中了,先赋值");
//alert(zt[i].value);
bz.innerHTML=bz.innerHTML+" "+zt[i].value;
if(i<zt.length){//alert("选中,但后面还有:"+i);
for(var j=i+1;j<zt.length;j++){
//alert("i:"+i+"j:"+j);
//alert(document.getElementsByName(obj).item(j).value);
document.getElementsByName(obj).item(j).disabled=true;
}
}
}
else
{//alert("继续");
//alert(document.getElementsByName(obj).item(i).value);
document.getElementsByName(obj).item(i).disabled=true;
}
}
}


function reload(){
document.execCommand("Refresh");
}
</script
</html>

本文转自问道博客51CTO博客,原文链接http://blog.51cto.com/450236/1794094如需转载请自行联系原作者


crackernet

相关文章
|
2月前
|
JavaScript
v-model指令获取常见表单项的内容 input,textarea,radio,checkbox,select
本文介绍了Vue.js中v-model指令的作用和语法,并通过示例代码展示了如何使用v-model来获取不同类型的表单元素(如文本输入框、文本域、复选框、单选框和下拉菜单)的内容。
|
5月前
input的Checkbox(复选框)属性具体怎么使用
input的Checkbox(复选框)属性具体怎么使用
284 0
|
JavaScript 前端开发
Vue——04-02v-model的使用原理、结合radio、checkbox、checkbox(多选)、checked(值的绑定)、select以及修饰符的使用
v-model的使用原理、结合radio、checkbox、checkbox(多选)、checked(值的绑定)、select以及修饰符的使用
174 0
input checkbox 复选框大小修改
有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框。 解决方法: 其实就是zoom属性,这个是放大的意思,可以设置为180%,这样就会比之前大很多。
1465 0
|
JavaScript
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
1、问题举例描述: radio-group 标签组设置默认选择checked: ‘true’,选择了单选按钮的非默认选项(场外),再点击其他的选择(手续费率),单选按钮又会变成默认的选项(场内) 默认状态如下:
531 0
【mpvue】radio-group 标签组设置默认选择checked: 'true',选择了单选按钮的非默认选项,再点击其他的选择,单选按钮又会变成默认的选项
|
JSON 前端开发 JavaScript
关于checkbox自动选中
checkbox是比较常用的,无论是权限管理还是博客的文章的标签类型的勾选,或者是上下级部门及其公司,都会用的到的。 今天主要讲的是checkbox自动根据值选中。 可参考我之前的文章:checkbox选中并通过ajax传数组到后台接收 js代码: //截取URL参数 function GetRequest() { var fullURL = window.
1312 0