选中复选框时计算增值税

时间:2018-03-09 09:14:58

标签: javascript jquery

我有以下功能,其中在选择相关价格时显示总金额但我想制作一个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");
    }
}

如果您有任何想法,我将不胜感激,谢谢。 :)

3 个答案:

答案 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>