Validation using checkbox

Question

I am using jQuery trying to validate that a checkbox has been checked before allowing a user to click on a 'Proceed' button.

The 'Proceed' button is set 'Enable = false' when the page loads.

So far I have tried :

// On check of the accept terms checkbox
             $(".chkTandCs").change(function () {
                 // If checked, enable the Continue button, else, disable it.
                 if ($(this).is(":checked")) {
                     $(".lbnAcceptCurrent").removeAttr('disabled');
                 }
                 else {
                     $(".lbnAcceptCurrent").attr("disabled", "disabled");
                 }
             });

This hasn't worked.

The checkbox and 'Proceed' button are inside a modal that opens when a different button has been clicked.

All help very much appreciated

adeneo · Accepted Answer · 2014-04-07 11:54:04Z

1

Use prop() instead

$(".chkTandCs").change(function () {
     $(".lbnAcceptCurrent").prop('disabled', !this.checked);
});

If the modal generates the markup dynamically, you'll need to delegate

$(document).on('change', '.chkTandCs', function () {
     $(".lbnAcceptCurrent").prop('disabled', !this.checked);
});

and replace document with the closest static parent element of the modal

answered Apr 7, 2014 at 11:54

adeneo

319k29 gold badges410 silver badges392 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Validation using checkbox

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related