如何创建基于复选框的价格计算器?
How to create checkbox-based price calculator?
能否举例说明如何使用 JS 和 jQuery.
根据选中的复选框创建价格计算器
是这样的吗?
https://jsfiddle.net/hof63n3k/
HTML
<input type="checkbox" value="1.99"> .99</input><br/>
<input type="checkbox" value="2.99"> .99</input><br/>
<input type="checkbox" value="3.99"> .99</input><br/>
Total: $<span class="total"></span>
JQuery
$(function() {
$('input').click(function(){
var total = 0;
$('input:checked').each(function(index, item) {
total += parseFloat(item.value);
});
$('.total').text(total);
});
});
能否举例说明如何使用 JS 和 jQuery.
根据选中的复选框创建价格计算器是这样的吗?
https://jsfiddle.net/hof63n3k/
HTML
<input type="checkbox" value="1.99"> .99</input><br/>
<input type="checkbox" value="2.99"> .99</input><br/>
<input type="checkbox" value="3.99"> .99</input><br/>
Total: $<span class="total"></span>
JQuery
$(function() {
$('input').click(function(){
var total = 0;
$('input:checked').each(function(index, item) {
total += parseFloat(item.value);
});
$('.total').text(total);
});
});