disable table row using jquery

Question

i am trying to disable all the controls inside the table row using jquery, but not being able to do so...below is the my html code

<tr id="trChild2">
                    <td>
                        2
                    </td>
                    <td style="height: 30px;">
                        <%:Html.TextBoxFor(m=>m.childName2) %><%--<br />
                        <%: Html.ValidationMessageFor(m=>m.SpouseName,null,new{@Class="field-validation-message"}) %>--%>
                    </td>
                    <td style="height: 30px; text-align: center;">
                        &nbsp;M<%: Html.RadioButtonFor(m=>m.genderIdChild2,1) %>
                        &nbsp;F<%:Html.RadioButtonFor(m=>m.genderIdChild2,2) %>
                    </td>
                    <td style="height: 30px; text-align: center;">
                        <%:Html.TextBoxFor(m=>m.ageChild2,new{Style="width:30px;",maxlength=3}) %><%--<br />
                        <%:Html.ValidationMessageFor(m=>m.SpouseAge,null,new{@Class="field-validation-message"}) %>--%>
                    </td>
                    <td style="height: 30px; text-align: center;">
                        &nbsp;&nbsp;&nbsp;Married<%: Html.RadioButtonFor(m=>m.maritialStatusChild2,1) %>
                        UnMarried<%:Html.RadioButtonFor(m=>m.maritialStatusChild2,2) %>
                    </td>
</tr>

below is my jquery code, which i have used to disabled all the controls inside the table row.

$("#trChild2").find("input,button,textarea").attr("disabled", true);

please note that the #trChild2 is my table row id

kindly let me know what i am doing wrong...

thanks & regards Sameer shaikh

don't forgot to accept whatever the answer which helps you to solve your problem. — Techie
– Techie, Commented Sep 22, 2012 at 12:15

webdeveloper · Accepted Answer · 2012-09-22 10:50:50Z

2

Put your code in ready block:

$(function(){
    $("#trChild2").find("input,button,textarea").attr("disabled", true); 
});

answered Sep 22, 2012 at 10:50

webdeveloper

17.3k3 gold badges51 silver badges47 bronze badges

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

Comments

STO · Accepted Answer · 2012-09-22 10:50:33Z

0

Please check http://jsfiddle.net/3QuT4/ it is simple example and it works in the way you specified.

answered Sep 22, 2012 at 10:50

STO

10.7k8 gold badges34 silver badges32 bronze badges

Comments

Techie · Accepted Answer · 2012-09-22 12:04:02Z

0

There can be few reasons. May be there can be a jQuery conflict in your code. Use the code below to ignore the conflict.

$.noConflict();/jQuery.noConflict();

Then instead of using $, use jQuery word. Read more

Trying adding a (document).ready function. It allows you to execute the functions you want after the DOM has been loaded.

jQuery(document).ready(function($) {
  jQuery("#trChild2").find("input,button,textarea").attr("disabled", true);
});

If you want to know how the (document).ready works Read more here

Hope this helps you to get your work done.

answered Sep 22, 2012 at 12:04

Techie

45.2k45 gold badges164 silver badges248 bronze badges

Collectives™ on Stack Overflow

disable table row using jquery

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related