Изменение цены с помощью jquery

294

20 ноября 2017, 19:53

Пытаюсь сделать следующее: при нажатии на input, его value должно прибавляться к value другого input'а, тем самым увеличивая цену. Пытался так но не прибавляется

$(function(){
    var vall = $(".site-viz").val();
    var val = $(".wet").val();
    $(".wet").click(function(){
        $(".site_viz").val(vall + val);
    });
});

Answer 1

Перенесите получение значений в функцию. Сейчас вы вычисляете сумму значений, которые были при загрузке страницы

demo

$(function(){ 
    $(".wet").click(function(){ 
        var vall = $(".site_viz").val(); 
        var val = $(".wet").val(); 
        $(".site_viz").val(parseInt(vall)+parseInt(val)); 
    }); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="number" class="site_viz" value="3500">  
<input type="checkbox" class="wet" value="1500" />

Update

$(function(){ 
$(".wet").change(function(){ 
    var vall = $(".site_viz").val(); 
    var val = $(".wet").val(); 
    if(this.checked) 
       $(".site_viz").val(parseInt(vall)+parseInt(val)); 
    else 
       $(".site_viz").val(parseInt(vall)-parseInt(val)); 
}); 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<input type="number" class="site_viz" value="3500">  
<input type="checkbox" class="wet" value="1500" />