您的位置：首页 > 其它

选中radio，禁用其它radio控件

2015-07-02 21:05 337 查看
<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" onchange="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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航