ASP.net getting RadioButtonList value on content page with javascript

Question

I'm having a problem with my JavaScript code having moved it over to a content page in ASP.

It worked perfectly on a stand alone page.

<script type="text/javascript">
        function validateQ12(oSrc, args) {
            var rbtnList = document.getElementsByName('rbtn12');
            var noClicked = false;
            for (var i = 0; i < rbtnList.length; i++) {
                if (rbtnList[i].checked) {
                    noClicked = rbtnList[i].value == "No";
                    break;
                }
            }
            if (noClicked) {
                args.IsValid = true;                   
            }
            else
                args.IsValid = args.Value.trim().length > 0;                   
        }
    </script>

I have gone through the html on both pages, on the one that worked had

<input id="rbtn12_1" type="radio" name="rbtn12" value="No" checked="checked" onclick="Q12iNo();">

The new one inside a content page has

<input id="MainContent_rbtn12_1" type="radio" name="ctl00$MainContent$rbtn12" value="No" checked="checked" onclick="Q12iNo();">

Clearly the name change must be causing the problem. How do I reference this new name in my javascript code?

score 0 · Accepted Answer · edited May 23 '17 at 10:25

0

To get the rendered element name use the following:

<%= rbtn12.UniqueID %>

However in your case this may still not work as it looks like you need to loop through each radio button item.

See the following post:

Find out if radio button is checked with JQuery?

Which shows how to determine if a radio button collection has a selected value.

edited May 23 '17 at 10:25

Community

1
1

answered Mar 15 '13 at 09:12

Oliver

8,794
2
40
60

Maybe I misunderstood what you were trying to do, glad it helped! – Oliver Mar 15 '13 at 09:25
All it does is find out which one is checked so I can use that information to call my ASP Validation controls. After adding what you said it works exactly how it did on the stand alone page before I had to put it into a content page, so thanks. :) – saintsfanuk Mar 15 '13 at 09:26

MaxDataSol · Answer 2 · 2013-03-15T09:23:31.093

0

Can you possibly add a className to your control and use getElementByClassName?

<input id="MainContent_rbtn12_1" type="radio" name="ctl00$MainContent$rbtn12" value="No" checked="checked" onclick="Q12iNo();" CssClass="Radio">

<script type="text/javascript">
        function validateQ12(oSrc, args) {
            var rbtnList = document.getElementsByClassName('Radio');
            var noClicked = false;
            for (var i = 0; i < rbtnList.length; i++) {
                if (rbtnList[i].checked) {
                    noClicked = rbtnList[i].value == "No";
                    break;
                }
            }
            if (noClicked) {
                args.IsValid = true;                   
            }
            else
                args.IsValid = args.Value.trim().length > 0;                   
        }
    </script>

edited Mar 15 '13 at 09:23

answered Mar 15 '13 at 09:16

MaxDataSol

358
1
2
18

No ASP doesn't give me the option for class name, just CSSClass which they all have the same one. – saintsfanuk Mar 15 '13 at 09:22
Sorry, yes I meant Cssclass. Please see edit. And you want them to be the same don't you? – MaxDataSol Mar 15 '13 at 09:23
I have 30+ radio buttons in my code, that was just one of them, they all have the same cssclass, but thanks that may work for someone else. – saintsfanuk Mar 15 '13 at 09:28

ASP.net getting RadioButtonList value on content page with javascript

2 Answers2