how to validation usng select only 1 radio btn in inner grid

Reylin Mathew

i need valdation used for inner grid and also select only one radio button.i got select only one radio button using inner grid.

but validation is not working . i want error msg disply on button click ie (their is no radio button select and button click ) ..plz help me ...thnkx in adv

"http://www.w3.org/1999/xhtml">
"server">
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
"javascript" type="text/javascript">
function singleRbtnSelect(chb) { //code for select only one radio button
$(chb).closest("table").find("input:radio").prop("checked", false).change();
$(chb).prop("checked", true);
}
"text/css">
.auto-style1 {
width: 104px;
}
"form1" runat="server">
"pnlRegister" runat="server">
"1">
class="auto-style1">REGISTER NO
"txtRegisterNo" runat="server">
"RequiredFieldValidator1" runat="server" ErrorMessage="Enter Your Register Number" ControlToValidate="txtRegisterNo">
class="auto-style1"> "btnSubmit" runat="server" Text="Submit" OnClick="btnSubmit_Click1" Width="76px" />
"lblErr" runat="server">
"pnlElection" runat="server">
"1">
STUDENT NAME:
"lblStdName" runat="server">
BATCH NAME:
"lblbatch" runat="server">
"gdPosition" runat="server" AutoGenerateColumns="False" DataKeyNames="Pid" OnRowDataBound="gdPosition_RowDataBound" style="width:300px">
"lblPosition" runat="server" Text='<%# Eval("Vote") %>'>
"hdfPosition" runat="server" />
"gdElection" runat="server" AutoGenerateColumns="False" DataKeyNames="Position" style="width:300px">
"Label1" runat="server" Text='<%# Eval("StdName") %>'>
"Vote For">
<%--"rbVoteFor" runat="server" Text='<%#Eval("Pid") %>' /> onclick="singleRbtnSelect(this);"--%>
"rdVote" runat="server" AutoPostBack="true" OnClick="javascript:SelectSingleRadiobutton(this.id)" GroupName="Position" />
"hdfVid" runat="server" Value='<%#Eval("Position")%>' />
<%--OnCheckedChanged="rdVote_CheckedChanged"--%>
"btnVote" runat="server" Text="Vote" OnClick="btnVote_Click" />
"lblError" runat="server">

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

Vincent Maverick Durano8y ago
You also need to update the CheckOtherIsCheckedByGVID() function like in the code below:
function CheckOtherIsCheckedByGVID(rb)
{
    var isChecked = rb.checked;
    var row = rb.parentNode.parentNode;
    if (isChecked)
    {
        row.style.backgroundColor = '#B6C4DE';
        row.style.color = 'black';
    }
    var currentRdbID = rb.id;
    var gvParent = document.getElementById("<%= GridView1.ClientID %>");
    //access inner gridview
    var gvInner = gvParent.getElementsByTagName('table');
    var items = gvInner.getElementsByTagName('input');

    for (i = 0; i < items.length; i++)
    {
        if (items[i].id != currentRdbID && items[i].type == "radio")
        {
            if (items[i].checked)
            {
                items[i].checked = false;
                items[i].parentNode.parentNode.style.backgroundColor = 'white';
                items[i].parentNode.parentNode.style.color = '#696969';
            }
        }
    }
}
Then call the method below at onclick event of RadioButton like:
<asp:RadioButton ID="rb" runat="server" onclick="javascript:CheckOtherIsCheckedByGVID(this);" />
Vincent Maverick Durano8y ago
If you follow my article, you can find the inner GridView first before accessing the radiobutton, so in ValidateRadioButton() you can do:
var gv = document.getElementById("<%= GridView1.ClientID %>");

var gvInner = gv.getElementsByTagName('table');

var items = gvInner.getElementsByTagName('input');
Vincent Maverick Durano8y ago
This article should give you some idea:
https://www.c-sharpcorner.com/UploadFile/8c19e8/using-radio-button-in-gridview-with-javascript-validation/