条件顺序影响单选按钮

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>

的，如果条件的顺序产生的问题。单击“车轮是”时切换单选按钮，但由于条件回复原因，单选按钮会切换。