zoukankan      html  css  js  c++  java
  • JS设置GridView中的RadioButton只能选中一个

     
    //JS&JQuery

    $(document).ready(function () {

    //点击跳转链接返回浏览器历史的上一个页面
        $("#btnBack").click(function () {
          history.go(-1);
      })

    $("#btn").hide();//先隐藏该按钮
    //当滚动条的位置处于距顶部20像素以下时,跳转链接出现,否则消失
    $("#PNDetailList").scroll(function () {
      if ($("#PNDetailList").scrollTop() > 20) {
          $("#btn").fadeIn(200);
        } else {
      $("#btn").fadeOut(200);
      }
    })

    //当点击跳转链接后,回到表格顶部位置
      $("#btn").click(function () {
        $("#PNDetailList").animate({
          scrollTop: 0
        },500);
        return false;
      });
    })

    function btnRad(obj) {
        var es = document.getElementsByTagName("input");//获取页面所有的input标签
        for (var i = 0; i < es.length; i++) {
          if (es[i].type == "radio") {//判断每个input标签的类型是否是Radio
            if (obj.id != es[i].id) {
            es[i].checked = false;
          }
        }
      }
    }

    //GridView
    <asp:GridView ID="DetailList" runat="server" AutoGenerateColumns="False" EmptyDataText="<%$ Resources:GlobalResource, NoData %>" Width="100%">
                                    <Columns>
                                        <asp:TemplateField>
                                            <ItemTemplate>
                                                <asp:RadioButton ID="ck_Sel" runat="server" onclick="btnRad(this)" />
                                            </ItemTemplate>
                                        </asp:TemplateField>
                                        <asp:BoundField HeaderText="<%$ Resources:GlobalResource_WH,PN %>" DataField="pn">
                                             <ItemStyle Wrap="False" />
                                        </asp:BoundField>
                                    </Columns>
                                </asp:GridView>
    //点击按钮回到框架顶部

    <a id="btn" title="回到顶部">
    <asp:Image ID="Image2" ImageUrl="~/Images/top.png" runat="server" Width="50px" Height="50px" /></a>

    //返回浏览器的上一个页面等同于点击浏览器上的后退按钮

    <a id="btnBack" title="返回"><asp:Image ID="Image2" ImageUrl="~/Images/Back.png" runat="server" Width="50px" Height="50px" /></a>

  • 相关阅读:
    STM32F407 开发环境搭建 程序下载 个人笔记
    用bootstrap_table实现html 表格翻页
    STM32F407 正点原子 资料网址记录
    C51 动态数码管 个人笔记
    C51 继电器 个人笔记
    谷歌浏览器截长图
    C51 原创电子琴 (蜂鸣器/计时器/中断/矩阵按键)
    从零自学Hadoop(01):认识Hadoop
    Centos修改DNS重启或者重启network服务后丢失问题处理
    初次体验VS2015正式版,安装详细过程。
  • 原文地址:https://www.cnblogs.com/Jack-Cheng008/p/13558507.html
Copyright © 2011-2022 走看看