CODEWITHSUNDEEP
javascriptjqueryhtmljsp
Pallavi
Pallavi

Reputation: 313

How to make textbox enable and disable on change using JQuery

I have piece of html code as well as script code. I need solution to handle on change event of one text box that disable act of inputting data in another text field. Could any one help me in regarding.

<div id="cca" class="leaf">
 <label class="control input text" title="">
    <span class="wrap">cca</span>
     <input class="" type="text" value="[Null]"/>
    <span class="warning"></span>
 </label>
</div>
<div id="ccit" class="leaf">
 <label class="control input text" title="">
    <span class="wrap">ccit</span>
     <input class="" type="text" value="[Null]"/>
    <span class="warning"></span>
 </label>
</div>

$(document).ready(function () {        
    alert("hello");        
    $("#cca").on('change', 'label.control input', function (event) {
        alert('I am pretty sure the text box changed');
        $("ccit").prop('disabled',true);
        event.preventDefault();
    });
});

Upvotes: 5

Views: 77652

Answers (3)

Durgesh Bhosale
Durgesh Bhosale

Reputation: 11

$("#ccit").attr('disabled','disabled');

Upvotes: 1

SagarPPanchal
SagarPPanchal

Reputation: 10121

You can also use attr on the line $("ccit").attr('disabled',true);

if prop gives you an error

Upvotes: 0

Trevor
Trevor

Reputation: 16116

For one you were missing # on your $("ccit") 

$(document).ready(function () {        
    alert("hello");        
    $("#cca").change(function(){
        alert('I am pretty sure the text box changed');
        $("#ccit").prop('disabled',true);
        event.preventDefault();
    });
});

http://jsfiddle.net/qS4RE/

Update

$(document).ready(function () {               
    $("#cca").on('change', 'label.control input', function (event) {
        alert('I am pretty sure the text box changed');
        $("#ccit").find('label.control input').prop('disabled',true);
        event.preventDefault();
    });
});

http://jsfiddle.net/qS4RE/1/

Update 2

$(document).ready(function () {               
    $(document).on('change', '#cca label.control input', function (event) {
        alert('I am pretty sure the text box changed');
        $("#ccit").find('label.control input').prop('disabled',true);
        event.preventDefault();
    });
});

Upvotes: 10

Related Questions