考虑 distances/furniture 和 jquery 获得实时报价
get a live quote considering distances/furniture with jquery
我不太清楚它的技术名称是什么,但我将其称为实时报价。
我以这个网站为例:http://www.ansonika.com/removals/quotation.html
我需要的是,当客户填写该表格时,考虑到 distances/furniture 等等,我需要给他一个实时报价...
这里:http://www.fastremoval.com/他们使用这个实时报价,但他们只问你地址,他们给你一个估计价格。
在我的情况下是这样的,但有更多的选择,比如:多少张沙发,多少张床等。对于价格,我们可以使用假的,比如 1 张沙发 = 10 英镑,距离相同。
如果有人能帮我解决这个问题,非常感谢。
您可以将所有输入字段值汇总并打印给客户,例如:
$(document).ready(function() {
$('input').on('change',function() {
$('.section').each(function(){
var totalPoints = 0;
$(this).find('input').each(function(){
totalPoints += parseInt($(this).val()); //<==== a catch in here !! read below
});
$('.amount').val(totalPoints);
});
});
});
input {
display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="section">
<input type="number" name="number1" value="1" min="1" max="10" step="1">
<input type="number" name="number1" value="1" min="1" max="10" step="1">
<input type="number" name="number1" value="1" min="1" max="10" step="1">
<input type="number" name="number1" value="1" min="1" max="10" step="1">
</section>
<p class="summary">Your total is: <input type="text" class="amount"></p>
我不太清楚它的技术名称是什么,但我将其称为实时报价。
我以这个网站为例:http://www.ansonika.com/removals/quotation.html
我需要的是,当客户填写该表格时,考虑到 distances/furniture 等等,我需要给他一个实时报价...
这里:http://www.fastremoval.com/他们使用这个实时报价,但他们只问你地址,他们给你一个估计价格。
在我的情况下是这样的,但有更多的选择,比如:多少张沙发,多少张床等。对于价格,我们可以使用假的,比如 1 张沙发 = 10 英镑,距离相同。
如果有人能帮我解决这个问题,非常感谢。
您可以将所有输入字段值汇总并打印给客户,例如:
$(document).ready(function() {
$('input').on('change',function() {
$('.section').each(function(){
var totalPoints = 0;
$(this).find('input').each(function(){
totalPoints += parseInt($(this).val()); //<==== a catch in here !! read below
});
$('.amount').val(totalPoints);
});
});
});
input {
display: block;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<section class="section">
<input type="number" name="number1" value="1" min="1" max="10" step="1">
<input type="number" name="number1" value="1" min="1" max="10" step="1">
<input type="number" name="number1" value="1" min="1" max="10" step="1">
<input type="number" name="number1" value="1" min="1" max="10" step="1">
</section>
<p class="summary">Your total is: <input type="text" class="amount"></p>