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