門票數量變更時的門票價值乘以

Question

我寫了一個輸入門票數量的簡單代碼。下面是代碼：
HTML code:

<div class="col-md-4"> 
    <div class="panel panel-primary"> 
    <div class="panel-heading"> 
     <h3 class="panel-title">Book Now</h3> 
    </div> 
    <div class="panel-body"> 
     <div class="form-group"> 
     <label class="col-md-7 padding_null ticket_qty">Tickets Quantity</label> 
     <input class="col-md-5 padding_null text-center" id="demo3" type="text" value="1" name="demo3"> 
     </div> 
     <div class="form-group"> 
     <div class="row margin_null"> 
      <label class="col-md-7 padding_null ticket_qty">Total Cost</label> 
      <label class="col-md-5 padding_null ticket_qty">$199</label> 
     </div> 
     </div> 
     <div class="form-group"> 
     <button type="button" class="btn btn-primary center-block proceed_btn">Proceed</button> 
     </div> 
    </div> 
    </div> 
</div> 

JS code:

$(document).ready(function() { 

    $(document).ready(function() { 
    $('[data-toggle="tooltip"]').tooltip(); 
    }); 

    $("input[name='demo3']").TouchSpin(); 

});  

的jsfiddle鏈接：https://jsfiddle.net/0b7qf12p/
當我改變了票數量，門票價格應進行相應的更新。即如果我選擇票數量爲2，那麼票價應該變爲398.我該怎麼做？

Answer 1

要做到這一點，你可以鉤到touchspin.on.startspin事件touchSpin插件，和更新所需元素的文本（注意，我把它放在id上以使選擇更容易）。試試這個：

$(document).ready(function() { 
    $('[data-toggle="tooltip"]').tooltip(); 

    $("#demo3").TouchSpin().on('touchspin.on.startspin', function() { 
     $('#total').text('$' + (this.value * 199));  
    }); 
}); 

Updated fiddle

Answer 2

這裏是一些僞代碼給你的想法...

$("#demo3").on("change", function() { 
    $("#priceOutput").html($(this).val() * ticketPrice); 
});