Validate Radio Button Group Client Side

Question

asp:RadioButton GroupName="EndorsementType" runat="server" ID="rdoRemoveProperty" Text="Remove Property from TIV" />

I was thinking about implementing a custom validator, and using a client javascript function to reference the radio button ids, (I'm using web forms, not mvc),

something like.. if(document.getElementById(<%= rdoAddProperty.ClientId %>).checked == true) && ...

Anyone know of a way to do it without knowing the clientId?

Answer 1

You will have to put your client id out to the form, as with INamingContainer your ID can change in relation to the other information that is stored on the server.

Answer 2

If your radios are contained within something like a DIV, and because your asp:RadioButtons will render as HTML inputs, you could do something like:

<script type="text/javascript" language="javascript">
    function Validate()
    {
        var l_elemsRadios = document.getElementById("MyRadios").getElementsByTagName("input");

        if (l_elemsRadios == null)
            return;

        for (var i = 0; i < l_elemsRadios; i++)
        {
            // validate l_elemsRadios[i] through l_elemsRadios[n]
        }
    }
</script>


<div id="MyRadios">
    <input type="radio" name="EndorsementType" value="Remove Property from TIV" >Remove Property from TIV
    .
    .
    .
</div>