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>

 

posted @ 2020-08-25 11:05  墨染暖栀  阅读(154)  评论(0编辑  收藏  举报
/* 看板娘 */ /* 粒子吸附*/