how to disable input text value of current row using script

Question

function bangali() {
    $(document).ready(function() {
        $(".amtcollected").keyup(function() {
            $(".amtcollected1").attr("disabled", true);
        });
        $(".amtcollected1").keyup(function() {
            $(".amtcollected").attr("disabled", true);
        });
    });
}
bangali();

Share your HTML and post a problem question describing your problem and also give proper title — Satpal, May 20 '15 at 09:27
possible duplicate of [Disable/enable an input with jQuery?](http://stackoverflow.com/questions/1414365/disable-enable-an-input-with-jquery) — Liam, May 20 '15 at 09:32

score 2 · Answer 1 · answered May 20 '15 at 09:33

You should use .prop():

.prop('disabled', true);

Also, you can simplify and rewrite it like this:

$(document).ready(function() {
    $('.amtcollected, .amtcollected1').keyup(function(event) {
        $(event.currentTarget).prop('disabled', true);
    });
});

score 1 · Answer 2 · answered May 20 '15 at 09:30

1

You don't pass a boolean value but the string "disabled"

.attr("disabled", "disabled");

answered May 20 '15 at 09:30

A1rPun

14,111
6
51
79

3

either that or use prop("disabled", true); – odedta May 20 '15 at 09:31
Really you should use prop for disabled as it's a property not an attribute though in reality both will work. – Liam May 20 '15 at 09:31

Adam Michalski · Answer 3 · 2015-05-20T09:36:56.007

1

find row index by

var row_index = $(this).parent('table').index();

and set disabled

$("table").eq(row_index).disabled = true;

I didn't test it

edited May 20 '15 at 09:36

answered May 20 '15 at 09:30

Adam Michalski

1,619
14
32

score 0 · Answer 4 · answered May 20 '15 at 09:41

jQuery 1.6+ use prop()

$('#id').on('event_name', function() {
    $("input").prop('disabled', true);   //Disable input
    $("input").prop('disabled', false);  //Enable input 
})

jQuery 1.5 and below use attr()

$('#id').on('event_name', function() {
    $("input").attr('disabled','disabled');   //Disable input
    $("input").removeAttr('disabled');  //Enable input 
})

NOTE: Do not use .removeProp() method to remove native properties such as checked, disabled, or selected. This will remove the property completely and, once removed, cannot be added again to element. Use .prop() to set these properties to false instead.

how to disable input text value of current row using script

4 Answers4