Jquery - Disable INPUT Based on Checkbox

Question

I have form that has numerous checkboxes and input field. Each 'pair' of checkbox & input have the same name, but the checkboxes name is prefixed with u_

eg:

<input type='checkbox' name='u_id'><input type="text" name="id" placeholder="ABC123">
<input type='checkbox' name='u_name'><input type="text" name="name" placeholder="Martin">

I'm trying to work out how to disable in the input field and set it's placehold to 'disabled' when the associated checkbox is ticket.

If it is then unticked, rest the field and it's placeholder.

So far I've got :

if ($('[name^="u_"]').is(':checked')) {

}

But I'm not sure where to go now..

Can you help ?

Thanks

please post a jsfiddle so it will be very easy.

Frebin Francis
– Frebin Francis

2015-03-06 09:22:46 +00:00
Commented Mar 6, 2015 at 9:22 — Frebin Francis
– Frebin Francis, Commented Mar 6, 2015 at 9:22

Sadikhasan · Accepted Answer · 2015-03-06 09:23:52Z

2

$('[name^="u_"]').change(function(){
    if($(this).is(":checked"))
    {
        $(this).next("input").attr("disabled",true);
    }
    else
    {
        $(this).next("input").attr("disabled",false);
    }
});

Demo

answered Mar 6, 2015 at 9:23

Sadikhasan

18.6k23 gold badges84 silver badges126 bronze badges

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

1 Comment

Rocket Over a year ago

Thanks this works, well.. can it be expanded to work on INPUT and/or SELECT ?

Collectives™ on Stack Overflow

Jquery - Disable INPUT Based on Checkbox

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related