getElementById totalupdate结果显示在js警报框中

时间:2018-12-10 00:53:22

标签: javascript jquery html

在jQuery totalupdate插件上计算值,我想在js警报框中显示结果,例如:

function updateTotal(){
    v1 = parseFloat($("#s1").val());
    v2 = parseFloat($("#s2").val());
    v3 = parseFloat($("#s3").val());
		$("#total").text(v1 + v2 + v3)
}

updateTotal()
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
option> dropdown> value> selection>
    <option id="s1" value="2.5">A</option>
    <option id="s2" value="2.5">B</option>
    <option id="s3" value="2.5">C</option>
    
    <div id="total"></div>

,并在HTML id =“ total”上显示结果,但我想在js警报框中显示它。

1 个答案:

答案 0 :(得分:0)

要警告您的结果,只需使用JavaScript的alert()函数。这是一个例子。

function updateTotal(){
    v1 = parseFloat($("#s1").val());
    v2 = parseFloat($("#s2").val());
    v3 = parseFloat($("#s3").val());
		$("#total").text(v1 + v2 + v3);
    alert(`Your total is ${v1 + v2 + v3}`);
}

updateTotal()
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
option> dropdown> value> selection>
    <option id="s1" value="2.5">A</option>
    <option id="s2" value="2.5">B</option>
    <option id="s3" value="2.5">C</option>
    
    <div id="total"></div>