繁体   English   中英

更改下拉菜单时重置单选按钮

[英]Resetting radio buttons when changing dropdown

我有一个包含一个下拉菜单(您可以在其中选择要在图形中绘制的参数)和两个单选按钮(确定图形是否自动缩放)的表格。如果没有,则有一个文本框可以定义规模)。 当我在下拉菜单中更改参数时,将使用新参数自动重绘图形。

但是,我希望重置单选按钮,因此,如果我选择了手动缩放,并且更改了参数,它会变回自动缩放。 这可能吗? 这是我的表单代码的一部分:

<select id="Graf1" onchange="makeChoice5();updateSelect(this,'Graf2');this.form.submit();" name="graf1">
    <option value="other">---------- Kies ---------- </option>
    <option value="1">Temperatuur</option>
    <option value="2">Relatieve vochtigheid</option>
    <option value="3">Straling</option>
    <option value="4">Dendrometer 1</option>
    <option value="5">Dendrometer 2</option>
    </select>
    </br>
    <input type="radio" name="schaal" value="1" checked="checked" onclick="makeChoice();">Automatische schaal </br>
    <input type="radio" name="schaal" value="other" onclick="makeChoice();">Handmatig
    <input type="text" name="schaalmin" size="6" value="---Min---" onclick="clickclear(this, '---Min---')" onkeydown="return ( event.ctrlKey || event.altKey 
        || (47<event.keyCode && event.keyCode<58 && event.shiftKey==false) 
        || (95<event.keyCode && event.keyCode<106) || (event.keyCode==8) 
        || (event.keyCode==9) || (event.keyCode>34 && event.keyCode<40) 
        || (event.keyCode==46)
        || (event.keyCode==110) )">
    <input type="text" name="schaalmax" size="6" value="---Max---" onclick="clickclear(this, '---Max---')"  onkeydown="return ( event.ctrlKey || event.altKey
        || (47<event.keyCode && event.keyCode<58 && event.shiftKey==false) 
        || (95<event.keyCode && event.keyCode<106) || (event.keyCode==8) 
        || (event.keyCode==9) || (event.keyCode>34 && event.keyCode<40) 
        || (event.keyCode==46)
        || (event.keyCode==110) )">

相同名称的单选按钮是一个数组,因此您必须遍历每个按钮并将其清除(除非您使用的是jQuery,在此很容易确定选中哪个按钮并直接将其清除)。

清除它们将如下所示:

var r = document.forms[0].schaal
for(var x=0;x<r.length;x++) {
      document.forms[0].schaal[x].checked = false
}

我找到了解决方案,我只是使用了这个简单的小函数,即在更改下拉列表时调用该函数。通过这种方式,当我更改参数时,选择了右单选按钮(而不是尝试取消选择其他按钮):

function clearRadios() {
    document.form1.schaal[0].checked = true;
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM