更新价格上显示更改

我只是试图得到一个价格显示，更新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>

来源

2014-05-09 MrTechie

有这个问题，这么多的重复。使用jquery并检查此链接：http://stackoverflow.com/questions/4813219/jquery-checkbox-value –

不是真的 - 这是关于做警报。 – MrTechie

http://stackoverflow.com/questions/21442833/javascript-add-checkbox-checked-values – fasouto

你可以这样做：

$('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)); 
    } 
});

Fiddle Demo

来源

2014-05-09 02:47:42 Felix

就是这样！非常感谢Felix – MrTechie

非jquery解决方案可能会检查checked值。您还需要将文本的值转换为浮点数，否则它不会是有效的总和，而只是字符串的串联。

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

来源

2014-05-09 02:38:58

更新价格上显示更改

回答

相关问题