zoukankan      html  css  js  c++  java
  • GridView中实现单选RadioButton

    注意:若在gridview内对radiobutton用组名groupname同名方法行不同,若加上GroupName="skytest"查看静态页面源代码便知道:两个name值的组名都不同。

    下面结合js实现单选.

    呈现页:

    <asp:GridView ID="GridView1" Width="960px" EmptyDataText="暂无标书可操作"
                DataKeyNames="ID" AutoGenerateColumns="false" runat="server" onrowdatabound="GridView1_RowDataBound"
                >
                <Columns>
                    <asp:TemplateField HeaderText="选择">
                        <ItemTemplate>
                        <asp:RadioButton ID="RadioButton1" runat="server"    />
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="ID" HeaderText="标书编号" />

              </Columns>
      </asp:GridView>

    代码页:

    protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
            {
                if (e.Row.RowType == DataControlRowType.DataRow)
                {
                    RadioButton rb = (RadioButton)e.Row.FindControl("RadioButton1");
                    if (rb != null)
                    {
                      rb.Attributes.Add("onclick", "single(this)");  //single(obj)为js函数 
                    }
                }

            }

    需要添加的javascript函数:

    <script type="text/javascript">
        var last=null;
        function single(obj)
        {
          if(last==null)    //第一次选择RadioButton时赋id值给last
          {
             last=obj.id; 
          }
          else            //第一次以后的每一次都在这运行,把上此的RadioButton.Checked=false,记下此次的obj.name
          {
            var lo=document.getElementById(last);
            lo.checked=false;
            last=obj.id;
          }
          obj.checked="checked";   //添加checked属性,以便在上边赋值为false
        }
        </script>

  • 相关阅读:
    《软件工程课程总结》
    课后作业-阅读任务-阅读笔记-4
    两个不同的网络,进行数据同步的设计思路
    IDEA清理缓存项目
    IDEA快捷键
    IDEA如何添加多个maven项目工程
    sqlserver数据库中的mdf文件太大,表空间分析和表空间释放
    关于AOP的面向切面编程
    关于.net进行爬虫
    关于调用别人接口的一些问题总结
  • 原文地址:https://www.cnblogs.com/liufei88866/p/1891986.html
Copyright © 2011-2022 走看看