Uncheck Radio Button on Double Click Using Jquery

In this article, we will see how to make double click unchecked radio button in asp.net using jquery . Many times we when user clicks on already checked radio button, it should uncheck it. That time this code is very useful.


Source Code:-

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Uncheck Radio Button on Double Click Using Jquery</title>
    <script>
        //Global variable to store selectedvalue
        var lastchecked = "";

        function rblSelectedValue() {
            //Get the radiobuttonlist Value
            var radio = document.getElementsByName('<%= RadioButtonList1.ClientID %>');

        //local variable to store selected value
        var selectedvalue;



        //loop through the items in radiobuttonlist
        for (var j = 0; j < radio.length; j++) {
            if (radio[j].checked) {
                if (lastchecked == radio[j].value) {
                    radio[j].checked = false;
                    lastchecked = "";
                }
                else {
                    lastchecked = radio[j].value;
                }
                break;

            }
        }
    }
    </script>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Label ID="Label2" runat="server" Text="For which of the following disciplines is Nobel Prize awarded?"></asp:Label>
            <br />
            <asp:RadioButtonList ID="RadioButtonList1" onclick="rblSelectedValue()" runat="server">
                <asp:ListItem>Physics and Chemistry</asp:ListItem>
                <asp:ListItem>Physiology or Medicine</asp:ListItem>
                <asp:ListItem>Literature, Peace and Economics</asp:ListItem>
                <asp:ListItem>All of the above</asp:ListItem>
            </asp:RadioButtonList>
            <br />
           
            <asp:Button ID="btnsubmit" runat="server" onclick="btnsubmit_Click" Text="Submit" />
            <asp:Label ID="lbresult" runat="server"></asp:Label>
        </div>
    </form>
</body>
</html>
Code behind:-
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class index : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }

    protected void btnsubmit_Click(object sender, EventArgs e)
    {
        if (RadioButtonList1.SelectedItem != null)
        {
            lbresult.ForeColor = System.Drawing.ColorTranslator.FromHtml("blue");
            lbresult.Text = "Option selected :" + RadioButtonList1.SelectedItem.Text;

        }
        else
        {
            lbresult.ForeColor = System.Drawing.ColorTranslator.FromHtml("Red");
            lbresult.Text = "None of the option selected";
        }

    }
}
Out-put



Uncheck Radio Button on Double Click Using Jquery Uncheck Radio Button on Double Click Using Jquery Reviewed by NEERAJ SRIVASTAVA on 3:18:00 PM Rating: 5

1 comment:

  1. Thank you so much for sharing this effective jQuery snippet. This would help me in my project. Thanks a lot!!!

    ReplyDelete

Powered by Blogger.