GridView里实现Radio单选

我与影子孤独终老i 提交于 2020-03-23 18:53:58

 

一.在ASPX中创建一个GridView控件,并绑定Radio客户端控件

<asp:GridView ID="GridMediaList" runat="server" AutoGenerateColumns="False" OnSelectedIndexChanged="GridMediaList_SelectedIndexChanged">

      <Columns>

         <asp:TemplateField>

            <ItemTemplate>

       <input name="RadioButton1" type="radio" value='<%# Eval("ID") %>' onclick="setRadio(this);" />

            </ItemTemplate>

         </asp:TemplateField>

     </Columns>

</asp:GridView>

二.添加相关的JavaScript脚本

<script language="javascript" type="text/javascript">

function setRadio(nowRadio)

{

    var myForm,objRadio;

    myForm=document.forms[0];

    for(var i=0;i<myForm.length;i++)

    {

        if(myForm.elements[i].type=="radio")

        {

            objRadio=myForm.elements[i];

            if(objRadio!=nowRadio && objRadio.name.indexOf("GridView1")>-1 && objRadio.name.indexOf("RadioButton1")>-1)

            {

                if(objRadio.checked)

                {

                    objRadio.checked=false;

                }

            }

       }

    }

}

</script>

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!