Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change the value of check box when it is checked or unchecked

Hello guys here the problem. I want to perform a different calculation based on the check box.

<div>
 COD: <input type="checkbox" id="trigger" name="question" >
</div>

Here is the javascript for calculating the price of the item the problem is that i dont know how can i do the else if method

<script>
    $("#price,#quant,#shipment").keyup(function () {
      if(+myFunction3() =="" )
      {
        $('#demo').val(0);
      }
      else if($('#trigger')=="checked") //this is the problem
      {
        $('#demo').val($('#price').val() * $('#quant').val() ;
      }
      else
      {
      $('#demo').val($('#price').val() * $('#quant').val() + +myFunction3());
     }
  });
  </script>

Advance thank you guys.

like image 447
Jonas Dulay Avatar asked Feb 08 '16 16:02

Jonas Dulay


People also ask

How do you uncheck a checkbox value?

Once the checkbox is selected, we are calling prop() function as prop( "checked", true ) to check the checkbox and prop( "checked", false ) to uncheck the checkbox.

How do you check if a checkbox is checked or unchecked?

Checking if a checkbox is checked First, select the checkbox using a DOM method such as getElementById() or querySelector() . Then, access the checked property of the checkbox element. If its checked property is true , then the checkbox is checked; otherwise, it is not.


1 Answers

Using jQuery you could do:

else if($('#trigger:checked').length > 0)

or

else if($('#trigger').is(':checked'))

If you want to re-run your calculation when a user checks or un-checks the checkbox, you could run the same code you run on the keyup function on:

$('#trigger').change(function() {
  ...
})
like image 79
Jacob Petersen Avatar answered Oct 15 '22 13:10

Jacob Petersen