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

发布时间:2020-08-05 09:35:51 作者:crackernet
来源:网络 阅读:551

<%@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>


推荐阅读:
  1. input radio check
  2. jQuery如何获取选中单选按钮radio的值

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

禁用 radio

上一篇:ORA-00119错误

下一篇:手机连接WiFi经常出现卡顿、掉线?调整下这些设置,帮你轻松解决

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》