Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/461.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery使用初始价格从复选框中求和并减去价格_Javascript_Jquery_Checkbox - Fatal编程技术网

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?