簡體   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