GridView RadioButton 解決辦法(一) -- 實(shí)現(xiàn)單選

基礎(chǔ)環(huán)境:

GridView內(nèi)部RadioButton使用模板列實(shí)現(xiàn)

Code
               <asp:TemplateField HeaderText="選擇">
                    <ItemTemplate>
                        <asp:RadioButton ID="rbSelect" runat="server" CssClass="p_j" />
                    </ItemTemplate>
                    <HeaderTemplate>
                            <asp:Literal ID="liSelectText" runat="server" Text="選擇" />
                    </HeaderTemplate>
                </asp:TemplateField>

一, 實(shí)現(xiàn)RadioButton 在 GridView內(nèi)部的單選:

1. JS函數(shù)

Code
function setRadio(nowRadio)
{
    var myForm,objRadio;
    myForm=document.forms[0];
    ///alert(myForm);
    for(var i=0;i<myForm.length;i++)
    {
        if(myForm.elements[i].type=="radio")
        {
            objRadio=myForm.elements[i];
            ///alert(objRadio.name);
            if(objRadio!=nowRadio && objRadio.name.indexOf("gvOrganizationInfo")>-1 && objRadio.name.indexOf("rbSelect")>-1)
            {
            //alert(objRadio.name);
                if(objRadio.checked)
                {
                    objRadio.checked=false;
                }
            }
            else
            {
             //alert("current radio button name: " + objRadio.name + " and checked status:"+objRadio.checked);
            }                        
        }
    }
}

2. GridView RowDataBound中加入:

為每個(gè)RadioButton綁定客戶端事件

Code
protected void GridView_RowDataBound(object sender, GridViewRowEventArgs e)
        {
            if (e.Row.RowType == DataControlRowType.DataRow)
            {
                try
                {
                    ((RadioButton)e.Row.FindControl("rbSelect")).Attributes.Add("onclick", "setRadio(this)");
                }
                catch  { }
            }
        }