Validate field with jquery only if checkbox is selected

Question

I have several checkboxes with the same name and the last checkbox is basically "Other" with an empty text field next to it. I'm using jquery validation and I want to make the empty text field required when the checkbox for other is selected.

Not sure how to do this with the checboxes all having the same name.

Thanks.

dnagirl · Accepted Answer · 2010-03-17 18:21:40Z

2

The checkboxes have the same name, but different values. So you can find the selected and then check the values for a particular one. I did something similar with radio buttons. Here's one of my rules that says the daypattern field is required if the recurpattern radiobutton has a value of 'day'.

        daypattern: {
            required: 
                function(element){
                    return ($("input[name='recurpattern']:checked").val() == 'day')
                }

        }

In your case, your checkbox set has an array in yourcheckboxes.val(). So you check that your test value is in that array.

answered Mar 17, 2010 at 18:21

dnagirl

20.5k13 gold badges86 silver badges127 bronze badges

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

Comments

GDP · Accepted Answer · 2012-08-01 17:15:17Z

0

You can select all these checkboxes and use the :last - selector (http://api.jquery.com/last-selector/) or you select the inputfield and go up through the DOM with $(".myOtherInput").prev() if it is directly in front of your field. After that you can bind the function to add or remove class="required".

edited Aug 1, 2012 at 17:15

GDP

8,1636 gold badges48 silver badges84 bronze badges

answered Mar 17, 2010 at 18:13

leuthera

1

1 Comment

jethomas Over a year ago

how do i piggy back :last and :checked together? I found this (docs.jquery.com/Plugins/Validation/Methods/…) and here is my code but its not working: $("#4_observerstxt").rules("add", { required: "#4_observers:last:checked" }); $("#4_observers:last").click(function() { $("#4_observerstxt").valid(); });

Collectives™ on Stack Overflow

Validate field with jquery only if checkbox is selected

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related