[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

javascript / jquery selector for getting control's attribute

Posted on 2011-09-22
3
Medium Priority
?
273 Views
Last Modified: 2012-05-12
I am running Visual Studio 2010.  The problem is I don't know how to get the value of a control's' custom attribute.

Here is my HTML:

<div class="row">
                    <asp:RadioButton runat="server" class="petsRadioButton" ID="rbLiveStock" Text=" Livestock  -  Please Describe: " breedCd="LIVESTOCK" />
                    <asp:TextBox runat="server" ID="txtLivestockDesc" onchange="txtLivestockDesc_Updated(this.value)" style="width:100px; margin-top: 2px;"  />
</div>

I am trying to get the value of breedCd attribute of the radio button above.  
Here is the relevant cut from the page generated by VS:

<div class="row">
                    <span class="petsRadioButton" breedCd="LIVESTOCK"><input id="ctl00_Main_rbLiveStock" type="radio" name="ctl00$Main$rbLiveStock" value="rbLiveStock" /><label for="ctl00_Main_rbLiveStock"> Livestock  -  Please Describe: </label></span>
                    <input name="ctl00$Main$txtLivestockDesc" type="text" id="ctl00_Main_txtLivestockDesc" onchange="txtLivestockDesc_Updated(this.value)" style="width:100px; margin-top: 2px;" />
                       
</div>

Here is my function:

function txtLivestockDesc_Updated(text) {
        debugger
        var radioButtonChecked = false;
        var rbLiveStock = 'ctl00_Main_rbLiveStock';
 
        if (text != null && text.trim() != "") {
            $(rbLiveStock).attr('checked', 'checked');
            radioButtonChecked = true;
        }
        else {
            $(rbLiveStock).attr('checked') ? radioButtonChecked = true : radioButtonChecked = false;
        }
 
        var breedCd1 = $(rbLiveStock).parent().attr('breedCd'); //undefined
        //var breedCd2 = rbLiveStock.parent.getAttribute('breedCd'); // parent is null or not an object
        var breedCd3 = $(rbLiveStock.parent).attr('breedCd'); // undefined
 
        updateAnimalExposureInfo($(rbLiveStock.parent).attr('breedCd'), radioButtonChecked, text);
    }

Please help me get the value of the breedCd attribute.
Thank you.




in the txtLivestockDesc_Updated function:

    function txtLivestockDesc_Updated(text) {
        debugger
        var radioButtonChecked = false;
        var rbLiveStock = '<%=rbLiveStock.ClientID%>';

        if (text != null && text.trim() != "") {
            $(rbLiveStock).attr('checked', 'checked');
            radioButtonChecked = true;
        }
        else {
            $(rbLiveStock).attr('checked') ? radioButtonChecked = true : radioButtonChecked = false;
        }

        var breedCd = $(rbLiveStock.parent).attr('breedCd');
}
0
Comment
Question by:Mare22
  • 2
3 Comments
 
LVL 83

Accepted Solution

by:
leakim971 earned 2000 total points
ID: 36582125
var breedCd1 = $("#" + rbLiveStock).parent().attr('breedCd');

0
 

Author Closing Comment

by:Mare22
ID: 36582182
Of course! Thank you leakim971 .
0
 
LVL 83

Expert Comment

by:leakim971
ID: 36582183
Check this : http://jsfiddle.net/mSV4T/

var rbLiveStock = '#<%=rbLiveStock.ClientID%>';
function txtLivestockDesc_Updated(text) {
        var radioButtonChecked = false;
        var rbLiveStock = '#<%=rbLiveStock.ClientID%>';

        if (text != null && text.trim() != "") {
            $(rbLiveStock).attr('checked', true);
            radioButtonChecked = true;
        }
        else {
            $(rbLiveStock).is(':checked') ? (radioButtonChecked = true) : (radioButtonChecked = false);
        }

        var breedCd = $(rbLiveStock).parent().attr('breedCd');
}

Open in new window

0

Featured Post

Keep up with what's happening at Experts Exchange!

Sign up to receive Decoded, a new monthly digest with product updates, feature release info, continuing education opportunities, and more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In my daily work (mainly using ASP.net), I need to write a lot of JavaScript code. One of the most repetitive tasks I do are the jQuery Ajax calls. You know: (CODE) I don't know if for you it's the same, but for me is soooo tedious to write the …
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Suggested Courses

868 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question