javascript and radiobuttonlist

Question

0.00/5 (No votes)

See more:

SQL

Hi huys how can i get the selected index of a radiobuttonlist or how i can check if an item in the radiobutton list is actually checked.
Thanks in advance guys.

Posted 27-Jun-11 22:22pm

Member 7871170

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Christian Graus · Answer 1 · 2011-06-27T22:36:00

Solution 1

You need to give your items ids so you can select them, then you can check which one is checked. A radiobutton list is just a lot of radio buttons, it's not a single control.

Posted 27-Jun-11 22:36pm

Christian Graus

Comments

Member 7871170 28-Jun-11 4:38am

i did that: var rdbMerchQ1 = document.getElementById('<%=rdbMerchQ1.ClientID %>');

then if i try rdbMerchQ1[0].checked for instance i get undefined

Ruard · Answer 2 · 2011-06-29T18:10:00

You'll need to access the group (name attribute) and then look for the values:

HTML

<form name="frm1">
 <input type="radio" name="sex" value="male" checked="checked" /> Male<br />
 <input type="radio" name="sex" value="female" /> Female
</form>

JavaScript

// Get the HTMLCollection: getElementsByName
var sex1 = document.getElementsByName('sex');
// or like this
var sex2 = document.forms["frm1"]["sex"];

if (!sex1[0].checked && !sex1[1].checked)
{
 alert('Nothing selected.');
}

As far as I know there is no selectedindex, so you'll need to loop through the collection.

RakeshMeena · Answer 3 · 2011-06-29T18:40:00

You can use JQuery to do this. Below is the complete markup I tried:

<script type="text/javascript" language="javascript" src="jquery-1.6.1.js"></script>
<html xmlns="http://www.w3.org/1999/xhtml">
<head  runat="server">
<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $("#btn").click(function() {
            var selectedIndex = -1;
            $("#rbtnlist input").each(function(index) {
                if ($(this).attr('checked')) {
                    selectedIndex = index;
                    return false;
                }
            });
            alert(selectedIndex);
        });
    });
</script>
</head>
<body>
    <form id="form1"  runat="server">
        <div> 
            <asp:radiobuttonlist id="rbtnlist" runat="server" xmlns:asp="#unknown">
                <asp:listitem text="one" value="1">
                <asp:listitem text="two" value="2">
                <asp:listitem text="three" value="3">
            
        </div>
        <input type="button" id="btn" value="Get Index" />
    </form>    
</body>
</html>

It worked for me and hope it works for you as well.

javascript and radiobuttonlist

3 solutions

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0