hiI use rediobutton in page that users should select one Item from radio buttons ltlabel id34buy5M134gt ltaspRadioButton ID34RBRip34 runat34server34 GroupName34Radio34 Enabled39ltEval34DvdRip34ToString 34134 true false gt39 gt ltlabelgt ltdiv id34rF234gt ltaspLabel ID34Label1634 runat34s

Hi nedashI have created sample code which fullfill your requirementHTMLltform id34form134 runat34server34gtltdivgt ltscript type34textjavascript34 src34httpajaxgoogleapiscomajaxlibsjquery183jqueryminjs34gtltscriptgt ltscript type34textjavascript34gt function 39IdbtnSubmit39on39click39 function if 39radiobuttonname checked39length 0 alert39Error Please select a radio button39 return false ltscriptgtltdivgtltdivgt ltaspDataList ID34DlCustomers34 runat34server34gt ltItemTemplategt ltaspLabel Text39ltEval34Name34 gt39 runat34server34 gt ltaspRadioButton ID34rbtn134 class34radiobuttonname34 GroupName34Radio34

How to validate radio button checked or not using jQuery in ASP.net

nedash

SOLVED CLOSED ACTIVE ANSWERED
User: nedash
Posted: on Feb 03, 2017 03:25 AM
Forum: jQuery and jQuery Plugins
Answer: 2
Views: 13125
Sample Code: Download

I use rediobutton in page that users should select one Item from radio buttons:

      <label id="buy5M1">
                               <asp:RadioButton ID="RBRip" runat="server" GroupName="Radio" Enabled='<%#Eval("DvdRip").ToString() == "1" ?true : false %>' />

                          </label>
                      <div id="rF2">
                          <asp:Label ID="Label16" runat="server" CssClass="se1FF" Visible = '<%#Eval("Dvd").ToString() == "1" ? true : false %>'>DVD</asp:Label>
                          <label id="buy5M1">
                                  <asp:RadioButton ID="RBDvd" runat="server" GroupName="Radio"  Enabled='<%#Eval("Dvd").ToString() == "1" ?true : false %>' />
                          </label>

and after selecting one of radiobutton they click on Imagebutton==(BtnPopup6t) that I define in this page when they click on Imagebutton(BtnPopup6t) it will show PopUp(here I use asp:ModalPopupExtender):below are code:

                                <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                                        <ContentTemplate>
                                            <asp:ModalPopupExtender DropShadow="true" ID="MPE6t" PopupControlID="PnPopup6t" runat="server"
                                                TargetControlID="BtnPopup6t" BackgroundCssClass="modalBackground">
                                            </asp:ModalPopupExtender>
                                            <asp:ImageButton ID="BtnPopup6t" runat="server" CssClass="imgored" ImageUrl="~/Image/Main/png1.png" OnClick="Imgorder_Click" ></asp:ImageButton>                      
                                            <asp:Panel ID="PnPopup6t" runat="server" CssClass="panelManage" Style="display: none">
                                                     <asp:ImageButton ID="ImageButton4" runat="server" CssClass="imgBtnD" ImageUrl="~/Image/Main/close.png" OnClick="ImgcloseP_Click"></asp:ImageButton>
                                            </asp:Panel>
                                        </ContentTemplate>
                                    </asp:UpdatePanel>

now here I want if users forget to select radiobutton it doesn't show popup (ModalPopupExtender) and in other popup shows that :("Please select Item from radiobutton") how I can do it?

Best regards

Neda

Download FREE API for Word, Excel and PDF in ASP.Net

Indresh

0 3

Reply
ANSWER
User: Indresh
Replied: on Feb 03, 2017 06:57 AM
Report

Hi nedash,

I have created sample code which fullfill your requirement.

HTML

<form id="form1" runat="server">
<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $(function () {
            $('[Id*=btnSubmit]').on('click', function () {

                if ($('.radiobuttonname :checked').length == 0) {
                    alert('Error: Please select a radio button!');
                    return false;
                }
            });
        });
    </script>
</div>
<div>
    <asp:DataList ID="DlCustomers" runat="server">
        <ItemTemplate>
            <asp:Label Text='<%Eval("Name") %>' runat="server" />
            <asp:RadioButton ID="rbtn1" class="radiobuttonname" GroupName="Radio" Text="DvdRip"
                runat="server" />
            <asp:RadioButton ID="rbtn2" class="radiobuttonname" GroupName="Radio" Text="Dvd"
                runat="server" />
            <asp:Button ID="btnSubmit" Text="Submit" runat="server" />
        </ItemTemplate>
    </asp:DataList>
</div>
</form>

private void GetData()
{
    DataTable dt = new DataTable();
    dt.Columns.Add("Name");
    dt.Rows.Add("PETER");
    DlCustomers.DataSource = dt;
    DlCustomers.DataBind();
}

Indresh

0 21

Reply
ANSWER
User: Indresh
Replied: on Feb 14, 2017 04:17 AM
Report

Hi nedash,

Please do the inspect element and check what causing the problem. We can’t check your code remotely.

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

How to validate radio button checked or not using jQuery in ASP.net

Company

Explore

Follow us

Contact Us