jQuery disable input when another input has value

Question

I want to disable specific input, when adding any text to another input. What tried doing is this JS

$('#sPriceRewards').on('input', function() {
$(this).find('.inputReward').not(this).prop('disabled', this.value.length)});

HTML

<input type="text" name="sPriceRewards" id="sPriceRewards" value="" />
<input type="text" name="sReward1" value="" class="inputReward" />

Here's fiddle

Tnx

renakre · Accepted Answer · 2015-04-14 15:25:46Z

4

Here is a simple logic: https://jsfiddle.net/p623brhL/4/

$('#sPriceRewards').on('input', function() {

   if($(this).val().length)
      $('.inputReward').prop('disabled', true);
   else
      $('.inputReward').prop('disabled', false);
});

edited Apr 14, 2015 at 15:25

answered Apr 14, 2015 at 14:15

renakre

8,3218 gold badges54 silver badges114 bronze badges

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

Comments

Milind Anantwar · Accepted Answer · 2015-04-14 14:11:57Z

2

You need to modify the selector to target next element:

 $('#sPriceRewards').on('input', function() {
   $(this).next().prop('disabled', this.value.length);
 });

Working Demo

answered Apr 14, 2015 at 14:11

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

Comments

Sergei Gorjunov · Accepted Answer · 2015-04-14 14:13:18Z

0

http://jsfiddle.net/p623brhL/3/ now works. You tried to find another input IN current one. But it is not child of current input

$('.inputReward').not(this).prop('disabled', this.value.length)});

answered Apr 14, 2015 at 14:13

Sergei Gorjunov

1,8191 gold badge15 silver badges23 bronze badges

Comments

Sheldon Neilson · Accepted Answer · 2015-04-14 14:15:23Z

0

$('#sPriceRewards').on('change', function() {
    if(this.value.length > 0)
        $(this).siblings('.inputReward').attr('disabled','disabled');
    else
        $(this).siblings('.inputReward').removeAttr('disabled');
});

answered Apr 14, 2015 at 14:15

Sheldon Neilson

8024 silver badges8 bronze badges

1 Comment

ssube Over a year ago

Please include some explanation of how this work or what you've fixed, rather than just code.

Collectives™ on Stack Overflow

jQuery disable input when another input has value

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related