我有以下功能,其中在选择相关价格时显示总金额但我想制作一个IF,如果选择了所有价格,然后检查增值税乘以1.2总数。
function show_payment_values() {
$(".sum").show();
final_price = (register_price + optional_price);
if ($("#vat").is(":checked")) {
$(".payment_value").text(final_price * 1.2 + "лв.");
$("#payment_value").val(final_price * 1.2);
$("#other_value").val(optional_price);
} else {
$(".payment_value").text(final_price + "лв.");
$("#payment_value").val(final_price );
$("#other_value").val(optional_price);
}
if (final_price == 0) {
$(".vat input").removeAttr("required", "required");
$("#vat").prop('checked', false);
$("input[name='paymentMethod']").removeAttr("required", "required");
} else {
$("input[name='paymentMethod']").attr("required", "required");
}
}
如果您有任何想法,我将不胜感激,谢谢。 :)
答案 0 :(得分:2)
您必须在click事件中执行此操作。
$('#vat').click(function() {
if ($(this).is(':checked')) {
$(".payment_value").text(final_price * 1.2 + "лв.");
}
});
答案 1 :(得分:2)
call the show_payment_values() function on change of(#vat checkbox element)
$('#vat').change(function() {
show_payment_values();
});
答案 2 :(得分:1)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>
<body>
<form action="">
<input type="checkbox" value="on" name="vat" id="vat">
</form>
<button onClick="fun();"></button>
<script>
//sample function
function fun(){
var vatcheck = document.getElementById("vat").checked;
if (vatcheck=="true") {
alert("hai");
}
else{
alert(vatcheck);
}
}
//your code use this function and add a an id vat to checkbox
function show_payment_values() {
$(".sum").show();
final_price = (register_price + optional_price);
var vatcheck = document.getElementById("vat").checked;
if (vatcheck=="true") {
$(".payment_value").text(final_price * 1.2 + "лв.");
$("#payment_value").val(final_price * 1.2);
$("#other_value").val(optional_price);
} else {
$(".payment_value").text(final_price + "лв.");
$("#payment_value").val(final_price );
$("#other_value").val(optional_price);
}
if (final_price == 0) {
$(".vat input").removeAttr("required", "required");
document.getElementById("vat").checked= false;
$("input[name='paymentMethod']").removeAttr("required", "required");
} else {
$("input[name='paymentMethod']").attr("required", "required");
}
}
</script>
</body>
</html>