Javascript jquery使用初始价格从复选框中求和并减去价格
因此,我有一个初始值Javascript jquery使用初始价格从复选框中求和并减去价格,javascript,jquery,checkbox,Javascript,Jquery,Checkbox,因此,我有一个初始值$8.90,如果选中复选框,我的想法是增加额外的费用。每个复选框都有一个数据价格值中的价格,当我单击第二个复选框时,问题就出现了。应将费用添加到当前值: 现场脚本: JQUERY: $(document).ready( function() { var subt_value = parseFloat($('#subt0').text()); var start_price = parseFloat($('#subt0').attr('data-original'));
$8.90
,如果选中复选框,我的想法是增加额外的费用。每个复选框都有一个数据价格值中的价格,当我单击第二个复选框时,问题就出现了。应将费用添加到当前值:
现场脚本:
JQUERY:
$(document).ready( function() {
var subt_value = parseFloat($('#subt0').text());
var start_price = parseFloat($('#subt0').attr('data-original'));
$("#ser1, #ser2").click(function(){
var sub_total = 0
var extra_fee = parseFloat($(this).attr('data-price')/1.12).toFixed(2);
$(this).each(function(){
if($(this).is(":checked")){
var sub_total = subt_value + parseFloat(extra_fee);
$('#subt0').text(parseFloat(sub_total).toFixed(2));
}else{
$('#subt0').text(parseFloat(start_price).toFixed(2));
}
});
});
});
<label id="subt0" data-original="8.90">8.90</label>
<input name="service1" type="checkbox" id="ser1" data-price="1" value="1" title="Service 1" />
<input name="service2" type="checkbox" id="ser2" data-price="5" value="1" title="Service 2" />
HTML:
$(document).ready( function() {
var subt_value = parseFloat($('#subt0').text());
var start_price = parseFloat($('#subt0').attr('data-original'));
$("#ser1, #ser2").click(function(){
var sub_total = 0
var extra_fee = parseFloat($(this).attr('data-price')/1.12).toFixed(2);
$(this).each(function(){
if($(this).is(":checked")){
var sub_total = subt_value + parseFloat(extra_fee);
$('#subt0').text(parseFloat(sub_total).toFixed(2));
}else{
$('#subt0').text(parseFloat(start_price).toFixed(2));
}
});
});
});
<label id="subt0" data-original="8.90">8.90</label>
<input name="service1" type="checkbox" id="ser1" data-price="1" value="1" title="Service 1" />
<input name="service2" type="checkbox" id="ser2" data-price="5" value="1" title="Service 2" />
8.90
结果:
$(document).ready( function() {
var subt_value = parseFloat($('#subt0').text());
var start_price = parseFloat($('#subt0').attr('data-original'));
$("#ser1, #ser2").click(function(){
var sub_total = 0
var extra_fee = parseFloat($(this).attr('data-price')/1.12).toFixed(2);
$(this).each(function(){
if($(this).is(":checked")){
var sub_total = subt_value + parseFloat(extra_fee);
$('#subt0').text(parseFloat(sub_total).toFixed(2));
}else{
$('#subt0').text(parseFloat(start_price).toFixed(2));
}
});
});
});
<label id="subt0" data-original="8.90">8.90</label>
<input name="service1" type="checkbox" id="ser1" data-price="1" value="1" title="Service 1" />
<input name="service2" type="checkbox" id="ser2" data-price="5" value="1" title="Service 2" />
以8.90美元开始。如果我用
ID=ser2
选中复选框,那么现在价格将变为13.36
,如果我用ID=ser1
选中复选框,那么当它应该是14.25
时,总数是$9.79
,我只会在每次单击其中一个复选框并从起始值开始计算时选中它
var subt_value = parseFloat($('#subt0').text());
var start_price = parseFloat($('#subt0').attr('data-original'));
$("#ser1, #ser2").click(function(){
var amountToAdd = 0.0;
// check each button to see if it has a clicked state.
$("#ser1, #ser2").each(function() {
if($(this).is(":checked")){
amountToAdd += parseFloat($(this).attr('data-price'));
}
});
$('#subt0').text(parseFloat(amountToAdd+start_price).toFixed(2));
});
示例:不清楚你在问什么。也许试着重新表述你的问题?好的,我编辑了我的文章,提供了更多细节,但在这个实例中你可以看到我的问题。谢谢你的澄清。这是一个更好的问题。也许现在有人能帮你回答这个问题。:)如何划分数据价格/1.12?