实时计算？

作者: 土豆
发布时间: 2025-02-02 10:05:10 (3天前)
转自：

3 条回复

0#
回复此人
啦啦啦拉肚子 | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这应该是你想要的。此外，不需要jQuery。 </p> <P> </p> <div class =“snippet”data-lang =“js”data-hide =“false”> <div class =“snippet-code”> <pre class="snippet-code-js lang-js prettyprint-override"> <code> 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>'; } </code> </pre> <pre class="snippet-code-html lang-html prettyprint-override"> <code> <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> </code> </pre> </DIV> </DIV> <P> </p> </DIV>

编辑
1#
回复此人
阿政ღ | 2019-08-31 10-32

<div class =“post-text”itemprop =“text”> <P> 这是我认为你要求的一个实例。 </p> <pre> <code> <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> </code> </pre> </DIV>

编辑

登录后才能参与评论