• 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>

  • 相关阅读:
    day10 基本数据类型(下)
    day09 作业
    day09 基本数据类型(中)
    day08 作业
    day8 for循环+基本数据类型(上)
    Python正课109 —— 前端 进阶8
    Python正课108 —— 前端 进阶7
    Python正课107 —— 前端 进阶6
    Python正课106 —— 前端 进阶 5
    Python正课105 —— 前端 进阶4
  • 原文地址:https://www.cnblogs.com/Jack-Cheng008/p/13558507.html
Copyright © 2020-2023  润新知