Question

I have a few checkboxes in my form and I need to change their value when the checkbox is checked.

For example this is one of the checkboxes:

<input type="checkbox" name="drink" value=""/>

I know .val() can change it but I wasn’t able to do this with if statement.

I appreciate your answer in advance.

Answer 1

// attach an onchange handler to all checkboxes on the page
$("input[type='checkbox']").change(function() {

    // or if($(this).prop("checked")) {
    if(this.checked) {
        $(this).val("value for checked");
    } else {
        $(this).val("value for unchecked");
    }
});

• The onchange event is the one you should be interested when it comes to checkboxes, as it fires whenever you change the checked state of it.
• The checked property determines whether or not the checkbox has been checked.
• The .val() method allows you to conveniently read/write element values.