$('#s_all,#s_half,#s_cut').change(function(){
var s_sum = 0;
$('#s_all option:selected,#s_half option:selected,#s_cut option:selected').each(function() {
s_sum += Number($(this).val());
});
$("#s_sum").html(s_sum);
var s_total = s_sum * 620;
$("#s_total").html(s_total);
});
$('#hs_all,#hs_cut').change(function(){
var hs_sum = 0;
$('#hs_all option:selected,#hs_cut option:selected').each(function() {
hs_sum += Number($(this).val());
});
$("#hs_sum").html(hs_sum);
var hs_total = hs_sum * 310;
$("#hs_total").html(hs_total);
});
請問...我要如何把s_total跟hs_total相加?
假設加入這段
var total = s_total+hs_total;
$("#total").html(total);
他都會出現 [object HTMLSpanElement] 訊息
建議設定一個CLASS
$('#s_all,#s_half,#s_cut,#hs_all,#hs_cut').change(function(){
$("#total").html($("#hs_total").val() + $("#s_total").val());
});
.val() 要是 input, select and textarea才能用
我這樣做後數字不對 後面會多很多0
$('#s_all,#s_half,#s_cut,#hs_all,#hs_cut').change(function(){
$("#total").html(
$("#s_all").val() + $("#s_half").val() +
$("#s_cut").val() * 620 +
$("#hs_all").val() + $("#hs_cut").val() * 310
);
});
怎麼會這樣?
我用了你的方法後他沒有出現加總的結果~~
我的是select
多了一個問題...
當使用者下一步後想回去改東西
上一頁時,欄位值還在 但是juqery沒有作用...如何讓他再度執行一次?當回到上一頁後?
<script>
$(function(){
var sel1_val=0,sel2_val=0;
$('select[name=sel_1]').change(function(){
sel1_val = $('select[name=sel_1] > option:selected').val() * 10;
calc();
});
$('select[name=sel_2]').change(function(){
sel2_val = $('select[name=sel_2] > option:selected').val() * 20;
calc();
});
function calc() {
$('#total').val(sel1_val+sel2_val);
}
})
</script>
<body>
<select class="" name="sel_1">
<option value="10">10</option>
<option value="20">20</option>
</select>
<select class="" name="sel_2">
<option value="30">30</option>
<option value="40">40</option>
</select>
<input type="text" val="0" id="total" />
</body>