实时计算？ [英] Real Time Calculations?

问题描述

我已经通过所有SOF的搜索，但没有找到任何匹配我的问题的话题。 我已经写了，我将使用PHP来以后再处理HTML表单，但我在的形式，用户可以选择一些选项。下面是HTML code

 ＆LT;标签=FIELD6＆GT;型号类型：LT; /标签＆gt;＆LT; BR＆GT;
＆LT;输入类型=无线电ID =basemodelNAME =FIELD6值=正常模式选中的onclick =doMath（）/＆GT;普通模式＆LT; BR＆GT;
＆LT;输入类型=无线电ID =workshopmodelNAME =FIELD6值=车间型的onclick =doMath（）数据点击=无/＆GT;车间模式
＆其中，P ID =共有＆GT;＆LT; / P＆GT;
 

因此​​，用户可以在一个正常及工作坊模​​式之间进行选择。我想，这样当用户检查workshopmodel单选按钮，将其添加到总价格（以段落标记指定）来设置。这是我尝试在我几乎没有知名的语言，jQuery的：

 函数doMath（）{
    VAR basePrice = 15;
    变种baseModel = 0;
    VAR customModel = 5;
    VAR modelTotal =;
    功能workshopModel（）{
        如果（的getElementById（workshopmodel）。点击（函数（）{
            modelTotal = basePrice + customModel;
        }
    }
    功能defaultModel（）{
        如果（的getElementById（basemodel）。点击（函数（）{
            modelTotal =总basePrice + baseModel;
        }
    }
}
$（＃总）HTML（'＆LT;字体颜色=黑色＆GT;总价：LT; / FONT＆GT;＆LT;字体颜色=＃09ff00＆GT;+ workshopModel（）+''）;
 

所以我要把它添加到实时basePrice，然后在地方的ID打印标记为总每次用户在选择的变化（实时）的时间。因此，如果用户选择workshopmodel，该脚本将增加15和5，导致20，如果他们选择basemodel，该脚本将增加15和0，造成15我左边的变量modelTotal不确定的，因为它应该在后面定义在该脚本。谁能帮我这个？

解决方案

这应该工作，你想怎么。另外，不需要的jQuery

函数doMath（）{     VAR basePrice = 15;     变种baseModel = 0;     VAR customModel = 5;     VAR modelTotal;     如果（document.querySelector（'输入[名称=FIELD6]：选中'）值==正常模式。）{         modelTotal = basePrice + customModel;     }     如果（document.querySelector（'输入[名称=FIELD6]：选中'）值==车间型）{         modelTotal = basePrice + baseModel;     }     执行console.log（modelTotal）;     的document.getElementById（总）的innerHTML ='＆LT;跨度风格=颜色：黑与GT;总价：+ modelTotal +'＆LT; / SPAN＆GT;'; }

＆LT;标签=FIELD6＆GT;型号类型：LT; /标签＆gt ; ＆LT; BR＆GT; ＆LT;输入类型=无线电ID =basemodelNAME =FIELD6值=正常模式的onclick =doMath（）/＆GT;普通模式 ＆LT; BR＆GT; ＆LT;输入类型=无线电ID =workshopmodelNAME =FIELD6值=车间型的onclick =doMath（）/＆GT;车间模式 ＆LT; D​​IV ID =共有＆GT;＆LT; / DIV＆GT;

I have searched through all of SOF and couldn't find any topic that matches my problem. I have written an HTML form that I will use PHP to process later, but I have some options in the form that a user can choose. Here is the HTML code

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

So the user can choose between a Normal and Workshop Model. I am trying to set it so that when the user checks the workshopmodel radio button, it adds to the total price (specified in paragraph tags). Here is my attempt at my barely-known language, 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() + '');

So I am trying to make it add to the basePrice in real time, and then print it in place of the ID marked "total" every time the user makes a change in selection (in real-time). So if the user chooses workshopmodel, the script will add 15 and 5, resulting in 20, and if they choose basemodel, the script will add 15 and 0, resulting in 15. I left the variable modelTotal undefined as it should be defined later on in the script. Can anyone help me out with this?

解决方案

This should work how you want. Also, does not require jQuery.

function doMath() {
    var basePrice = 15;
    var baseModel = 0;
    var customModel = 5;
    var modelTotal;
    if (document.querySelector('input[name="FIELD6"]:checked').value == "Normal Model") {
        modelTotal = basePrice + customModel;
    }

    if (document.querySelector('input[name="FIELD6"]:checked').value == "Workshop Model") {
        modelTotal = basePrice + baseModel;
    }
    console.log(modelTotal);
    document.getElementById('total').innerHTML = '<span style="color:black">Total Price:' + modelTotal + '</span>';
}

<label for="FIELD6">Model Type:</label>
<br>
<input type="radio" id="basemodel" name="FIELD6" value="Normal Model" onclick="doMath()" />Normal Model
<br>
<input type="radio" id="workshopmodel" name="FIELD6" value="Workshop Model" onclick="doMath()" />Workshop Model
<div id="total"></div>

这篇关于实时计算？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！