这篇文章主要讲解了“javascript怎么实现选择产品种类及数量算出价格”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“javascript怎么实现选择产品种类及数量算出价格”吧！
<script type="text/javascript">
function G(objName){if(document.getElementById){return eval('document.getElementById("'+objName+'")')}else{return eval('document.all.'+objName)}} 定义获取对象的函数.
function ChangePrice(val,Type)
{
var SubTotal=0;
var WeightValue=0;
var WeightObj = document.getElementsByName("Weight");
for(var i=0;i<WeightObj.length;i++){if(WeightObj[i].checked) WeightValue=parseFloat(WeightObj[i].value);}
这是重点,将单选框做为数组,逐个遍历,判断状态为checked的对象,再获取相应该的值,同是要注意使用parseFloat进行强制性转换,确保能正常参与运算.关于parseFloat详细使用方法,请查看该文章 Number()、parselnt()和parseFloat()的用法及注意事项
if (Type=="rad")
{
SubTotal=parseFloat(G("Quantity").value)*val;
}
else
{
if(WeightValue<=0)
{SubTotal=0;}
else{SubTotal=WeightValue*val;}
}
G("SubTotal").innerHTML=SubTotal+"?";
}
</script>
<input id="Weight" name="Weight" type="radio" value="168" onclick="ChangePrice(this.value,'rad')"/>1.0磅：约12×12(cm) [￥168.00元]<br/>
<input id="Weight" name="Weight" type="radio" value="260" onclick="ChangePrice(this.value,'rad')"/>2.0磅：约16×16(cm) [￥260.00元]<br/>
<input id="Weight" name="Weight" type="radio" value="390" onclick="ChangePrice(this.value,'rad')"/>3.0磅：约22×22(cm) [￥390.00元]<br/>
<input id="Weight" name="Weight" type="radio" value="650" onclick="ChangePrice(this.value,'rad')"/>4.0磅：约27×27(cm) [￥650.00元]<br/>
购买数量：<select id="Quantity" name="Quantity" onchange="ChangePrice(this.value,'sel')">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<br/>
<span id="SubTotal"></span>
感谢各位的阅读，以上就是“javascript怎么实现选择产品种类及数量算出价格”的内容了，经过本文的学习后，相信大家对javascript怎么实现选择产品种类及数量算出价格这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！
