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
– Satpal, Commented May 20, 2015 at 9:27

roka · Accepted Answer · 2015-05-20 09:33:55Z

2

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);
    });
});

answered May 20, 2015 at 9:33

roka

1,6771 gold badge15 silver badges21 bronze badges

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

Comments

A1rPun · Accepted Answer · 2015-05-20 09:30:52Z

1

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

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

answered May 20, 2015 at 9:30

A1rPun

17k8 gold badges60 silver badges93 bronze badges

2 Comments

odedta Over a year ago

either that or use prop("disabled", true);

Liam Over a year ago

Really you should use prop for disabled as it's a property not an attribute though in reality both will work.

Adam Michalski · Accepted Answer · 2015-05-20 09:36:56Z

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, 2015 at 9:36

answered May 20, 2015 at 9:30

Adam Michalski

1,7923 gold badges17 silver badges40 bronze badges

Comments

Kurenai Kunai · Accepted Answer · 2015-05-20 09:41:41Z

0

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.

answered May 20, 2015 at 9:41

Kurenai Kunai

1,9022 gold badges14 silver badges23 bronze badges

Collectives™ on Stack Overflow

how to disable input text value of current row using script

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related