Javascript 更新一次显示的价格_Javascript_Jquery_Html

Javascript 更新一次显示的价格

javascript jquery html

Javascript 更新一次显示的价格,javascript,jquery,html,Javascript,Jquery,Html,我只是想得到一个价格显示，更新onchange事件。现在，这只是向我显示onchange id的两个值，我希望有人单击一个复选框，然后它将已经显示的价格更新为新值 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <body> <table> <tr> <td

我只是想得到一个价格显示，更新onchange事件。现在，这只是向我显示onchange id的两个值，我希望有人单击一个复选框，然后它将已经显示的价格更新为新值

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
 <html>
 <head>
 </head>
 <body>
 <table>
    <tr>
      <td>
      <input type="checkbox" id="extras" value="25.00" onChange="calc()">
      </td>
     <td>
      <input type="checkbox" id="rush" value="35.00" onChange="calc()">
      </td>
      <td>
           <input id="total" type="text" value="90.00" />
      </td>
 </tr>
 </table>
 </body>
 <script type='text/javascript'>
      function calc() {    
          var extras = document.getElementById('extras').value;
          var rush  = document.getElementById('rush').value;
          var result = document.getElementById("total");
          result.value = extras + rush;
      }
 </script>
 </html>


函数calc（）{
var extras=document.getElementById（'extras'）.value；
var rush=document.getElementById（'rush'）.value；
var结果=document.getElementById（“总计”）；
result.value=额外费用+冲刺；
}

非jquery解决方案可以是检查

checked

值。您还需要将文本值转换为浮点值，否则它将不是有效的和，而只是字符串的串联

var extrasCB = document.getElementById('extras');
var extras = 0;
if(extrasCB.checked) {
    extras = parseFloat( extrasCB.value );
}

你可以做：

$('input[type=checkbox]').change(function () {
    var val = parseFloat(this.value),
        totalVal = parseFloat($('#total').val());
    if (this.checked) {
        $('#total').val((totalVal + val).toFixed(2));
    } else {
        $('#total').val((totalVal - val).toFixed(2));
    }
});

这个问题重复的地方太多了。使用jquery并查看以下链接：不是真的-这是关于发出警报的。让我进一步解释一下。我有一个显示价格的php脚本。（90.00美元）然后有两个复选框，一个用于临时演员，一个用于赶工。当有人检查一个，它应该采取90美元，并增加额外的价值/匆忙或两者兼而有之。