GridView里实现Radio单选

本文介绍如何在ASPX页面使用GridView控件并绑定客户端Radio控件,通过JavaScript实现单选功能。示例代码展示了如何配置GridView及编写必要的JavaScript函数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

一.在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>

 

转载于:https://www.cnblogs.com/zhoufeng/archive/2009/02/28/1400333.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值