选中radio，禁用其它radio控件

最新推荐文章于 2023-06-05 14:45:26 发布

swrd2014

最新推荐文章于 2023-06-05 14:45:26 发布

阅读量2.5k

点赞数

分类专栏： HTML/CSS

本文链接：https://blog.csdn.net/u014041540/article/details/46731229

版权

HTML/CSS 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

<html>
<head>
<meta charset="utf-8">
<link title="style1" rel="stylesheet" href="css/charts.css" type="text/css" />

</head>
<body>
<fieldset>
<legend> 请选择查看的数据类型</legend>
<label class="left">
<input type="radio" class="radio_input" name="field99" id="field111" value="rtdata" οnchange="judgeRadio()"/>实时数据<br/>
</label>
<label class="left">
<input type="radio" class="radio_input" name="field99" id="field112" value="hsdata" onchange ="judgeRadio()"/>历史数据<br/>
</label>
</fieldset>
<fieldset>
<div class="form-row-select">

<fieldset style="width:500px;">
<legend class="optional">选择您想查看的参数</legend>
<label class="left">
<input type="radio" class="radio_input" name="field11" id="field113" value="amp" />幅值<br />
</label>
<label class="left">
<input type="radio" class="radio_input" name="field11" id="field114" value="freq"/>频率<br />
</label>
<label class="left">
<input type="radio" class="radio_input" name="field11" id="field115" value="attenuation_coefficient"/>衰减系数<br />
</label>
<label class="left">
<input type="radio" class="radio_input" name="field11" id="field116" value="isElec"/>是否上电<br />
</label>
<label class="left">
<input type="radio" class="radio_input" name="field11" id="field117" value="temp"/>温度<br />
</label>
</fieldset>

</div>
</fieldset>
</body>
<script type="text/javascript">
function judgeRadio(){
var radios = document.getElementsByName("field99");
// alert(radios.length);
for(var i=0;i<radios.length;i++)
{

if(radios[i].checked)
{

// alert(radios[i].value);
if(radios[i].value=="rtdata")
{
// alert("ok");
document.getElementById("field113").disabled=true;
document.getElementById("field114").disabled=true;
document.getElementById("field115").disabled=true;
document.getElementById("field116").disabled=true;
document.getElementById("field117").disabled=true;

document.getElementById("field113").checked=false;
document.getElementById("field114").checked=false;
document.getElementById("field115").checked=false;
document.getElementById("field116").checked=false;
document.getElementById("field117").checked=false;

}

else
{
document.getElementById("field113").disabled=false;
document.getElementById("field114").disabled=false;
document.getElementById("field115").disabled=false;
document.getElementById("field116").disabled=false;
document.getElementById("field117").disabled=false;

}

}

}
}
</script>
</html>