條件順序影響單選按鈕

Question

我正在測試頁面上，用戶可以在那裏配置播種機。 計算等工作正常。但是，當使用單選按鈕時，條件順序影響它們。

當底部沒有被選中的用戶不應該能夠選擇車輪的腳> OK 當底部是被選中的用戶不應該能夠選擇車輪的腳> OK

但腳或輪子不能同時選擇。 所以當車輪是選擇，然後英尺是選擇>車輪必須設置爲否>確定

但是，當選擇腳是和車輪是腳本無法（由於條件的順序？）將腳設置爲no？

有什麼建議嗎？

<script type="text/javascript"> 
function calculatie() 
{ 
// very much code 

// Totaalprijs met of zonder pootjes 
if(document.getElementById('feet_no').checked) 
{ 
    document.getElementsByName('kosten_inkoop')[0].value = (document.getElementsByName('kosten_inkoop')[0].value); 
} 
else if(document.getElementById('feet_yes').checked) 
{ 
    document.getElementsByName('kosten_inkoop')[0].value = ((document.getElementsByName('kosten_inkoop')[0].value * 1) + (document.getElementsByName('kosten_pootjes')[0].value * 1)).toFixed(2); 
    document.getElementById('wheel_no').checked = true; 
} 

// Totaalprijs met of zonder wieltjes 
if(document.getElementById('wheel_no').checked) 
{ 
    document.getElementsByName('kosten_inkoop')[0].value = (document.getElementsByName('kosten_inkoop')[0].value); 
} 
else if(document.getElementById('wheel_yes').checked) 
{ 
    document.getElementsByName('kosten_inkoop')[0].value = ((document.getElementsByName('kosten_inkoop')[0].value * 1) + (document.getElementsByName('kosten_wieltjes')[0].value * 1)).toFixed(2); 
    document.getElementById('feet_no').checked = true; 
} 
} 
</script> 

<tr> 
    <td>Bottom</td> 
    <td>No <input type="radio" name="bottom" onChange="calculatie()" 
    onfocus="document.getElementById('bottom').style.display='block';document.getElementById('basis').style.display='none';" 
    onblur="document.getElementById('bottom').style.display='none';document.getElementById('basis').style.display='block';" 
    value="no" id="bottom_no" checked="checked"> 

    <input type="radio" name="bottom" onChange="calculatie()" 
    onfocus="document.getElementById('bottom').style.display='block';document.getElementById('basis').style.display='none';" 
    onblur="document.getElementById('bottom').style.display='none';document.getElementById('basis').style.display='block';" 
    value="yes" id="bottom_yes" > Yes</td> 

    <td><div id="dim_top">Dim from top <input type="text" name="bottom_dim" size="2" onChange="calculatie()" 
    onfocus="document.getElementById('bottom_dim').style.display='block';document.getElementById('basis').style.display='none';" 
    onblur="document.getElementById('bottom_dim').style.display='none';document.getElementById('basis').style.display='block';" 
    value="" /> cm </div></td> 
</tr> 
<tr> 
    <td>Feet</td> 
    <td>No <input type="radio" name="feet" onChange="calculatie()" 
    onfocus="document.getElementById('feet').style.display='block';document.getElementById('basis').style.display='none';" 
    onblur="document.getElementById('feet').style.display='none';document.getElementById('basis').style.display='block';" 
    value="no" id="feet_no" checked="checked"> 

    <input type="radio" name="feet" onChange="calculatie()" 
    onfocus="document.getElementById('feet').style.display='block';document.getElementById('basis').style.display='none';" 
    onblur="document.getElementById('feet').style.display='none';document.getElementById('basis').style.display='block';" 
    value="yes" id="feet_yes" > Yes</td> 
</tr> 
<tr> 
    <td>wheel</td> 
    <td>No <input type="radio" name="wheel" onChange="calculatie()" 
    onfocus="document.getElementById('wheel').style.display='block';document.getElementById('basis').style.display='none';" 
    onblur="document.getElementById('wheel').style.display='none';document.getElementById('basis').style.display='block';" 
    value="no" id="wheel_no" checked="checked"> 

    <input type="radio" name="wheel" onChange="calculatie()" 
    onfocus="document.getElementById('wheel').style.display='block';document.getElementById('basis').style.display='none';" 
    onblur="document.getElementById('wheel').style.display='none';document.getElementById('basis').style.display='block';" 
    value="yes" id="wheel_yes" > Yes</td> 
</tr> 

http://torza.nl/leon2.php

Answer 1

嘗試下面的腳本，它應該工作。在製造它的微小變化，

<script type="text/javascript"> 
 
function calculatie() 
 
{ 
 
// very much code 
 

 
// Totaalprijs met of zonder pootjes 
 
if(document.getElementById('feet_no').checked) 
 
{ 
 
    document.getElementsByName('kosten_inkoop')[0].value = (document.getElementsByName('kosten_inkoop')[0].value); 
 
} 
 
else if(document.getElementById('feet_yes').checked && document.getElementById('wheel_yes').checked) 
 
{ 
 
    document.getElementsByName('kosten_inkoop')[0].value = ((document.getElementsByName('kosten_inkoop')[0].value * 1) + (document.getElementsByName('kosten_pootjes')[0].value * 1)).toFixed(2); 
 
    document.getElementById('wheel_no').checked = true; 
 
} 
 

 
// Totaalprijs met of zonder wieltjes 
 
if(document.getElementById('wheel_no').checked) 
 
{ 
 
    document.getElementsByName('kosten_inkoop')[0].value = (document.getElementsByName('kosten_inkoop')[0].value); 
 
} 
 
else if(document.getElementById('wheel_yes').checked) 
 
{ 
 
    document.getElementsByName('kosten_inkoop')[0].value = ((document.getElementsByName('kosten_inkoop')[0].value * 1) + (document.getElementsByName('kosten_wieltjes')[0].value * 1)).toFixed(2); 
 
    document.getElementById('feet_no').checked = true; 
 
} 
 
} 
 
</script>

的，如果條件的順序產生的問題。單擊「車輪是」時切換單選按鈕，但由於條件回覆原因，單選按鈕會切換。