Javascript 实时计算？

我已经搜索了所有的软件，没有找到任何与我的问题相匹配的主题。 我已经编写了一个HTML表单，稍后将使用PHP进行处理，但在表单中有一些选项供用户选择。下面是HTML代码

<label for="FIELD6">Model Type: </label><br>
<input type="radio" id="basemodel" name="FIELD6" value="Normal Model"  checked  onclick="doMath()" />Normal Model<br>
<input type="radio" id="workshopmodel" name="FIELD6" value="Workshop Model" onclick="doMath()" data-clicked="no" />Workshop Model
<p id="total"></p>

型号：

正常模式

车间模型

因此，用户可以在普通车型和车间车型之间进行选择。我试图将其设置为，当用户检查workshopmodel单选按钮时，它会添加到总价中（在段落标记中指定）。下面是我对自己鲜为人知的语言jQuery的尝试：

function doMath() {
    var basePrice = 15;
    var baseModel = 0;
    var customModel = 5;
    var modelTotal = ;
    function workshopModel() {
        if(getElementById("workshopmodel").click(function() {
            modelTotal = basePrice + customModel;
        }
    }
    function defaultModel() {
        if(getElementById("basemodel").click(function() {
            modelTotal = total basePrice + baseModel;
        }
    }
}
$("#total").html('<font color="black">Total Price:</font><font color="#09ff00">' +  workshopModel() + '');

函数doMath（）{
var基准价格=15；
var baseModel=0；
var模型=5；
var modelTotal=；
函数工作区模型（）{
如果（getElementById（“workshopmodel”）。单击（函数（）{
modelTotal=基准价格+自定义模型；
}
}
函数defaultModel（）{
如果（getElementById（“basemodel”）。单击（函数（）{
modelTotal=总基价+基价模型；
}
}
}
$（“#total”）.html（'总价：'+workshopModel（）+''）；

---

因此，我尝试将其实时添加到基价中，然后在用户每次更改选择时（实时）打印它以代替标记为“total”的ID。因此，如果用户选择workshopmodel，脚本将添加15和5，结果是20，如果用户选择basemodel，脚本将添加15和0，结果是15。我没有定义变量modelTotal，因为它应该稍后在脚本中定义。有人能帮我解决这个问题吗？

这应该按照您的意愿进行。另外，不需要jQ乌利

函数doMath（）{
var基准价格=15；
var baseModel=0；
var模型=5；
var模型总计；
if（document.querySelector（'input[name=“FIELD6”]：checked'）。value==“normalmodel”）{
modelTotal=基准价格+自定义模型；
}
if（document.querySelector（'input[name=“FIELD6”]：checked'）。值==“车间模型”）{
modelTotal=基准价格+基准模型；
}
console.log（modeltottal）；
document.getElementById（'total'）.innerHTML='总价：'+modelTotal+''；
}

型号：


正态模型


车间模型

这应该按照您的意愿工作。而且，不需要jQuery

函数doMath（）{
var基准价格=15；
var baseModel=0；
var模型=5；
var模型总计；
if（document.querySelector（'input[name=“FIELD6”]：checked'）。value==“normalmodel”）{
modelTotal=基准价格+自定义模型；
}
if（document.querySelector（'input[name=“FIELD6”]：checked'）。值==“车间模型”）{
modelTotal=基准价格+基准模型；
}
console.log（modeltottal）；
document.getElementById（'total'）.innerHTML='总价：'+modelTotal+''；
}

型号：


正态模型


车间模型

以下是一个我认为您所要求的工作示例

<label for="FIELD6">Model Type:</label><br>
<input type="radio" id="basemodel" name="FIELD6" value="Normal Model"  checked  onclick="doMath(this)" />Normal Model<br>
<input type="radio" id="workshopmodel" name="FIELD6" value="Workshop Model" onclick="doMath(this)" data-clicked="no" />Workshop Model
<p id="total"></p>

<script type="text/javascript">
    function doMath(ele) {
        var total = 15;
        if($(ele).attr('id') === 'workshopmodel') {
            total += 5;
        }
        $("#total").html('<font color="black">Total Price:</font><font color="#09ff00">' +  total);
    }
</script>

型号：

正常模式

车间模型

函数域（ele）{
风险价值总额=15；
if（$（ele.attr（'id'）=='workshopmodel'）{
总数+=5；
}
$（“#总计”）.html（'总价：'+总计）；
}

以下是一个我认为您所要求的工作示例

<label for="FIELD6">Model Type:</label><br>
<input type="radio" id="basemodel" name="FIELD6" value="Normal Model"  checked  onclick="doMath(this)" />Normal Model<br>
<input type="radio" id="workshopmodel" name="FIELD6" value="Workshop Model" onclick="doMath(this)" data-clicked="no" />Workshop Model
<p id="total"></p>

<script type="text/javascript">
    function doMath(ele) {
        var total = 15;
        if($(ele).attr('id') === 'workshopmodel') {
            total += 5;
        }
        $("#total").html('<font color="black">Total Price:</font><font color="#09ff00">' +  total);
    }
</script>

型号：

正常模式

车间模型

函数域（ele）{
风险价值总额=15；
if（$（ele.attr（'id'）=='workshopmodel'）{
总数+=5；
}
$（“#总计”）.html（'总价：'+总计）；
}

非常好用！非常感谢！非常好用！非常感谢！