how to disable table fields and text fields at once using jquery?

Question

i am posting the following code which is used to disable text fields of table. now how to modify it such that it also disable text fields for fields say id=name=usn.

jQuery(document).ready(function ($) {
// Disabling Text Fields by default
$("table input[type='text']").each(function () {
    $(this).attr("disabled", "disabled");
});

$(".inputradio1 input[name=select1]").change(function () {
    var val = $(this).val();
    if (val == "No") {
        $("table input[type='text']").each(function () {
            $(this).attr("disabled", "disabled");
        });
    } else if (val == "Yes") {
        $("table input[type='text']").each(function () {
            $(this).removeAttr("disabled");
        });
    }
});
});

you want to disable based on id or name?

Harry
– Harry

2013-07-27 16:06:19 +00:00
Commented Jul 27, 2013 at 16:06 — Harry
– Harry, Commented Jul 27, 2013 at 16:06

UweB · Accepted Answer · 2013-07-27 16:21:59Z

2

Use prop('disabled', true) instead. There's been a few changes since the jQuery 1.6/1.7 versions to distinguish between attributes and properties. Also, there's no need for the loops, you can just apply it to the whole set of matched elements:

$("table input[type='text']").prop('disabled', true);

Using the following will also make your selector quicker & shorter to read:

$("table :text").prop("disabled", true);

So in the end, what you are left with is:

$("table :text").prop("disabled", true);

$(".inputradio1 input[name=select1]").change(function () {
    $("table :text").prop('disabled', $(this).val() === 'No');
});

edited Jul 27, 2013 at 16:21

answered Jul 27, 2013 at 16:16

UweB

4,1102 gold badges18 silver badges28 bronze badges

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

2 Comments

Sakir Alam Over a year ago

but the field usn is enable til now

Reactgular Over a year ago

I didn't know you could use :text on it's own like that. Nice tip.

Sakir Alam · Accepted Answer · 2013-07-27 16:50:04Z

1

yes friends i did it...

$("table :text").prop("disabled", true);

$(".inputradio1 input[name=select1]").change(function () {
$("#usn, table input[name='usn']").prop('disabled', $(this).val() === 'No') && $("table :text").prop('disabled', $(this).val() === 'No');
});

answered Jul 27, 2013 at 16:50

Sakir Alam

1251 silver badge12 bronze badges

1 Comment

Reactgular Over a year ago

ah okay, but you don't need the &&

Reactgular · Accepted Answer · 2013-07-27 17:09:39Z

1

I'm not sure I understand the question.

Use prop() instead.

To disable if id or name is usn.

// id's are suppose to be unique. no need for complex find
$("#usn, table input[name='usn']").prop("disabled",true);

EDIT:

jQuery(document).ready(function ($) {
    // Disabling Text Fields by default
    $("table input[type='text']").prop('disabled',true);
    $("#usn, table input[name='usn']").prop("disabled",true);

    $(".inputradio1 input[name=select1]").change(function () {
        val disable = $(this).val() == "No";
        $("table input[type='text']").prop("disabled",disable);
        $("#usn, table input[name='usn']").prop("disabled",disable);
    });
});

edited Jul 27, 2013 at 17:09

answered Jul 27, 2013 at 16:18

Reactgular

55.1k24 gold badges175 silver badges219 bronze badges

2 Comments

Sakir Alam Over a year ago

you are correct but i want to merge both...i.e $("#usn, table input[name='usn']").prop("disabled",true); and $("table :text").prop('disabled', $(this).val() === 'No');

Reactgular Over a year ago

@SakirAlam I'm not sure I understand, but is my edit closer to what you need?

Collectives™ on Stack Overflow

how to disable table fields and text fields at once using jquery?

3 Answers 3

2 Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related