Javascript 条件的顺序影响单选按钮

Javascript 条件的顺序影响单选按钮,javascript,html,Javascript,Html,我在一个测试页面上工作,用户可以在那里配置planter。 计算等工作正常。但是当使用单选按钮时,条件的顺序会影响它们 当选择“底部否”时,用户应无法选择车轮的英尺数>确定 选择“是”时,用户应无法选择“车轮英尺数>确定” 但不能同时选择脚或轮子。 因此,当车轮选择“是”,然后脚选择“是”>车轮必须设置为“否>确定” 但另一种方法是,如果选择了“是”,并且“是”,则脚本无法(根据条件顺序?)将“是”设置为“否” 有什么建议吗 <script type="text/javascript"&g

我在一个测试页面上工作,用户可以在那里配置planter。 计算等工作正常。但是当使用单选按钮时,条件的顺序会影响它们

当选择“底部否”时,用户应无法选择车轮的英尺数>确定 选择“是”时,用户应无法选择“车轮英尺数>确定”

但不能同时选择脚或轮子。 因此,当车轮选择“是”,然后脚选择“是”>车轮必须设置为“否>确定”

但另一种方法是,如果选择了“是”,并且“是”,则脚本无法(根据条件顺序?)将“是”设置为“否”

有什么建议吗

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

函数计算()
{
//非常多的代码
//Totaalprijs与zonder pootjes会面
if(document.getElementById('foots_no')。选中)
{
document.getElementsByName('kosten_inkoop')[0]。值=(document.getElementsByName('kosten_inkoop')[0]。值);
}
else if(document.getElementById('foots_yes')。选中)
{
document.getElementsByName('kosten_inkoop')[0]。值=((document.getElementsByName('kosten_inkoop')[0]。值*1)+(document.getElementsByName('kosten_pootjes')[0]。值*1))。toFixed(2);
document.getElementById('wheel_no')。checked=true;
}
//Totaalprijs会见了zonder wieltjes
if(document.getElementById('wheel_no')。选中)
{
document.getElementsByName('kosten_inkoop')[0]。值=(document.getElementsByName('kosten_inkoop')[0]。值);
}
else if(document.getElementById('wheel_yes')。选中)
{
document.getElementsByName('kosten_inkoop')[0]。值=((document.getElementsByName('kosten_inkoop')[0]。值*1)+(document.getElementsByName('kosten_inkoop')[0]。值*1))。toFixed(2);
document.getElementById('foots_no')。checked=true;
}
}
底部
不
对
从顶部开始变暗cm
脚
不
对
轮
不
对


尝试下面的脚本,它应该可以工作。做了一点小小的改变,


函数计算()
{
//非常多的代码
//Totaalprijs与zonder pootjes会面
if(document.getElementById('foots_no')。选中)
{
document.getElementsByName('kosten_inkoop')[0]。值=(document.getElementsByName('kosten_inkoop')[0]。值);
}
else if(document.getElementById('foots_yes')。选中和document.getElementById('wheel_yes')。选中)
{
document.getElementsByName('kosten_inkoop')[0]。值=((document.getElementsByName('kosten_inkoop')[0]。值*1)+(document.getElementsByName('kosten_pootjes')[0]。值*1))。toFixed(2);
document.getElementById('wheel_no')。checked=true;
}
//Totaalprijs会见了zonder wieltjes
if(document.getElementById('wheel_no')。选中)
{
document.getElementsByName('kosten_inkoop')[0]。值=(document.getElementsByName('kosten_inkoop')[0]。值);
}
else if(document.getElementById('wheel_yes')。选中)
{
document.getElementsByName('kosten_inkoop')[0]。值=((document.getElementsByName('kosten_inkoop')[0]。值*1)+(document.getElementsByName('kosten_inkoop')[0]。值*1))。toFixed(2);
document.getElementById('foots_no')。checked=true;
}
}
从哪里调用
calculatie()
?您是否尝试过在脚上放置单击处理程序“是”和“是”单选按钮以取消选中对方?根据您的问题,底部的“否”和“是”似乎都是相同的