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

JS设置GridView中的RadioButton只能选中一个的更多相关文章

  1. jquery 实现只能选中一个checkbox,选中当前的去除上一个

    jq 实现只能选中一个checkbox,选中当前的去除上一个. <div id="checkboxed"> <input name="check1&qu ...

  2. Js获取Gridview中Dropdownlist选中状态

    在Gridview中加入Dropdownlist模板列,加入DropDownlist 是一种常用的操作,其中涉及到如何获取选择项和Gridview重新绑定两个要点. 如图 前台代码如下 <%@ ...

  3. 如何在js或者jquery中操作EL表达式的一个List集合

    ------------吾亦无他,唯手熟尔,谦卑若愚,好学若饥------------- 先说明此篇博客看明白了可以干嘛: 就是在js或者jquery中操作一个EL表达式的一个list集合或者复杂类型 ...

  4. c#中如何不通过后台直接用js筛选gridview中的数据条件筛选查询?

    js: //条件筛选 var showstate = true; function imagechange() { if (showstate) { $('#_toggle').hide(500, f ...

  5. [转]Gridview中实现RadioButton单选效果

    HTML <asp:TemplateField ItemStyle-Width="22px"> <ItemTemplate> <asp:RadioBu ...

  6. 【android】关于自己实现adapter后gridview中item无法被选中的解决方法

    有时候,自己继承实现了baseadapter将其赋给gridview之后,gridview会十分奇怪的无法选中内部的item. 经过仔细研究,我发现是在继承的时候多复写了几个方法,解决方法就是,只保留 ...

  7. iOS设置UITableView中Cell被默认选中后怎么触发didselect事件

    //默认选中某个cell [self.searchResultTV selectRowAtIndexPath:[NSIndexPath indexPathForRow:0 inSection:0] a ...

  8. 如何设置GridView中某个字段显示数据的一部分?

    后台方法: /// <summary> /// 截取字符串 /// </summary> /// <param name="str">要截取的字 ...

  9. js设置输入框失去光标与光标选中时样式

    输入框样式 <script language="javascript" type="text/javascript"> function glb_s ...

随机推荐

  1. redux和mobx入门使用

    redux和mobx入门使用 项目涉及技术 公共插件 create-react-app react-dom react-router react-router-dom react-hook redux ...

  2. 【python】Leetcode每日一题-设计停车系统

    [python]Leetcode每日一题-设计停车系统 [题目描述] 请你给一个停车场设计一个停车系统.停车场总共有三种不同大小的车位:大,中和小,每种尺寸分别有固定数目的车位. 请你实现 Parki ...

  3. Java中读取文件的几种路径配置

    获取配置文件的两种方式区别 ClassLoader.getSystemClassLoader().getResourceAsStream() //ClassLoader.getSystemClassL ...

  4. UIautomator2框架快速入门App自动化测试

    01.APP测试框架比较 常见的APP测试框架   APP测试框架 02.UIAutomator2简介 简介 UIAutomator2是一个可以使用Python对Android设备进行UI自动化的库. ...

  5. 按照自己的思路研究Spring AOP源码【2】

    目录 问题的提出 哪一步导致了顺序的改变 AbstractAdvisorAutoProxyCreator.sortAdvisors()方法 总结 问题的提出 上面这篇文章介绍了Spring AOP源码 ...

  6. 我写了一个简单的JSON序列化和反序列化的工具

    背景 互联网上有许多可用的Json序列化和反序列化的工具,例如fastjson,jackson,Gson等等,那么,我为什么还要自己写一个? 项目不方便依赖其他第三方库.比如有时候我们编写SDK,考虑 ...

  7. java并发编程:深入了解synchronized

    简介 synchronized是Java语言的关键字,可用来给对象和方法或者代码块加锁,当它锁定一个方法或者一个代码块的时候,同一时刻最多只有一个线程执行这段代码.同时它还保证了共享变量的内存可见性. ...

  8. Spring Cloud Alibaba Nacos Config 实战

    Nacos 提供用于存储配置和其他元数据的 key/value 存储,为分布式系统中的外部化配置提供服务器端和客户端支持.使用 Spring Cloud Alibaba Nacos Config,您可 ...

  9. ART-TEMPLATE的核心语法

    模板引擎语法 核心方法 // 基于模板名渲染模板 template(filename, data); // 将模板源代码编译成函数 template.compile(source, options); ...

  10. Git安装教程最新版本(国内gitee国外github)

    Git安装教程最新版本(国内gitee国外github) 欢迎关注博主公众号「Java大师」, 专注于分享Java领域干货文章, 关注回复「资源」, 获取大师使用的typora主题: http://w ...