我在联系表格7中遇到问题,我希望得到一些帮助。我遇到的问题是,我有一组复选框,当客户点击它时,我想要一个完整的显示。
MY复选框:(多选)可以选择多个
[checkbox GRCGA class:multipal use_label_element "$10.00" "$20.00" "$25.00" "$50.00" "$75.00" "$100.00" "$200.00" "$400.00" "$500.00"]
Total Amount: <span id="total">$00</span>.00
Jvascript:
$("input[type=checkbox]").change(function(){
updateTotal();
});
function updateTotal(){
var total = 0;
$("input[type=checkbox]:checked").each(function(){
total += parseFloat($(this).val());
});
$("#total").html(total);
}
当他们选择一个或多个以获得他们想要的金额时,这是否可以获得总金额。
答案 0 :(得分:0)
<script>
$(document).ready(function() {
$("input[type=checkbox]").on("change", function() {
var tot = 0;
$("input[type=checkbox]:checked").each(function() {
var val = this.value.substr(1).split(' ')[0];
tot += +(val);
});
$("#result").text("Total: $" + tot);
});
});
</script>
希望这会对你有所帮助