Thursday, 25 July 2013

Working on Radiobuttons inside Gridview in Javascript

Single Radiobutton Selection inside Gridview in javascript (First Method)

<script type="text/javascript">
     function RadioCheck(rb) {
        var gv = document.getElementById("<%=GridView1.ClientID%>");
        var rbs = gv.getElementsByTagName("input");
        var row = rb.parentNode.parentNode;
        for (var i = 0; i < rbs.length; i++) {
            if (rbs[i].type == "radio") {
                if (rbs[i].checked && rbs[i] != rb) {
                    rbs[i].checked = false;
                    break;
                }
            }
        }
    }  
</script>

 <asp:RadioButton ID="rbtn_Dept" runat="server" Text='<%#Eval("Dept_Name") %>'
              onclick="RadioCheck(this);"/>

Single Radiobutton Selection inside Gridview in javascript (Second Method)

<script language="javascript" type="text/javascript">
    function SelectSingleRadiobutton(rdbtnid)
    {
        var rdBtn = document.getElementById(rdbtnid);
        var rdBtnList = document.getElementsByTagName("input");
        for (i = 0; i < rdBtnList.length; i++)
        {
            if (rdBtnList[i].type == "radio" && rdBtnList[i].id != rdBtn.id)
            {
                rdBtnList[i].checked = false;
            }
        }
    }

</script>


 <asp:RadioButton ID="rbtn_Dept" runat="server" Text='<%#Eval("Dept_Name") %>'
              OnClick="javascript:SelectSingleRadiobutton(this.id)"/>

Check Wheather the Radiobutton inside Gridview is selected or not

<script type="text/javascript">
function Validate() {
     var gv = document.getElementById("<%=GridView1.ClientID%>");
     var rbs = gv.getElementsByTagName("input");
     var flag = 0;
     for (var i = 0; i < rbs.length; i++) {

         if (rbs[i].type == "radio") {
             if (rbs[i].checked) {
                 flag = 1;
                 break;
             }
         }
     }
     if (flag == 0) {
         alert("Select One");
            return false;
     }
     else {
        var x= confirm("Are you sure you want to delete?");
        if(x==true)
            return true;
        else
        {
            if(document.getElementById("<%=Label1.ClientID%>") != null)
            document.getElementById("<%=Label1.ClientID%>").innerText = "";
            return false;
        }
     }    
}
</script>

Button1.Attributes.Add("onclick", "javascript:return Validate()");

Getting the Radiobutton Selected Details

protected void Button1_Click(object sender, EventArgs e)
{
    Label1.Visible = false;
    int Id = 0;
    foreach (GridViewRow row in GridView1.Rows)
    {
        RadioButton rb = (RadioButton)row.FindControl("RadioButton1");
        if (rb.Checked)
        {
          //  Id =Convert.ToInt32(GridView1.Rows[row.RowIndex].Cells[1].Text);
           string selectedRadioButton=rb.text;          
        }
    }
}

No comments:

Post a Comment