enable checkbox when entering text in other text input field

Question

Usually they make another thing: enable/disable text input field when checkbox checked/unchecked, but i need enable group of checkboxes (weekdays) only when user entering some text in text field (Start date). So checkboxes must still disable while user not type Start date in input field.

I think that I need back action than here: http://jsfiddle.net/H8VPY/11/

Please help me choose right jquery event.

Ram · Accepted Answer · 2012-08-01 18:16:53Z

2

You can use prop() method and keyup event handler. Try the following:

$('input[name=other_name]').keyup(function(){
    if (this.value.length > 0) {
       $('input[name="others"]').prop('disabled', false)
    } else {
       $('input[name="others"]').prop('disabled', true)      
    }
})

DEMO

or as Esailija correctly suggests you can use shorter version:

$('input[name=other_name]').keyup(function(){
     $('input[name="others"]').prop('disabled', !this.value.length)
})

edited Aug 1, 2012 at 18:16

answered Aug 1, 2012 at 17:52

Ram

145k16 gold badges174 silver badges201 bronze badges

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

3 Comments

Esailija Over a year ago

$('input[name="others"]').prop('disabled', !this.value.length ) would work as well

almix Over a year ago

Fantastic, thank you Raminson and Esailija, your answer solved problem. Now I want to color this text input with red (add some css class) when user try to check checkbox and can't do it 'cause it is disabled. or just hint some message near checkbox. Or I can't do it because checkbox is disabled and all events will not work with it?

almix Over a year ago

Thank you again Raminson. I'll add css to <span> and it'll be cool!

lynks · Accepted Answer · 2012-08-01 17:49:20Z

0

add a class and disable to your checkboxes;

<checkbox class="checkbox_class" disabled >

on your text box;

<input type="text" onkeyup="javascript: if($(this).val() != '') $('.checkbox_class').enable()" >

answered Aug 1, 2012 at 17:49

lynks

5,7097 gold badges27 silver badges43 bronze badges

Collectives™ on Stack Overflow

enable checkbox when entering text in other text input field

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related