//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. c/c++ 中访问2维数组的方式

    指针是c的灵魂,这个真是不容置疑,太灵活了,太随意了, 当然,如果理解了,用得好,比弱类型语言的var 用的还舒服, 用的不好,那就是程序的灾难,哈哈,不多说了,访问二维或多维数组有如下几种方式,下面 ...

  2. [LeetCode每日一题]1143. 最长公共子序列

    [LeetCode每日一题]1143. 最长公共子序列 问题 给定两个字符串 text1 和 text2,返回这两个字符串的最长 公共子序列 的长度.如果不存在 公共子序列 ,返回 0 . 一个字符串 ...

  3. sharding JDBC 不支持批量导入解决方法

    package com.ydmes.service.impl.log; import com.ydmes.domain.entity.log.BarTraceBackLog;import org.sp ...

  4. layui中时间插件laydate的使用

    1.加载layui.js 2.html部分 <div class="layui-inline"> <label class="layui-form-la ...

  5. 全套visio版本安装教程及下载地址

    1:visio 2003 安装教程及下载地址 https://mp.weixin.qq.com/s/vhJUagKBz3vM-Dru0cwYow 2:visio 2007 安装教程及下载地址 http ...

  6. 接口测试原理及Postman详解

    接口测试定义 接口是前后端沟通的桥梁,是数据传输的通道,包括外部接口.内部接口.内部接口又包括:上层服务与下层服务接口,同级接口 生活中常见接口:电脑上的键盘.USB接口,电梯按钮,KFC下单 接口测 ...

  7. springboot优雅的异常处理

    springboot全局异常处理 @ControllerAdvice 尽管springboot会对一些异常进行处理,不过对于开发者来说,这还不太便于维护,因此我们需要自己来对异常进行统一的捕获与处理. ...

  8. 12.26vj训练补题

    D.City Day 题意:就是给定n,x,y,以及这n天的下雨量ai,要求这一天的下雨量是这一天前x天到后y天的下雨量中最小的.输出最早的(下标最小的)d.保证答案一定存在 思路:直接遍历寻找就好了 ...

  9. C++ primer plus读书笔记——第6章 分支语句和逻辑运算符

    第6章 分支语句和逻辑运算符 1. 逻辑运算符的优先级比关系运算符的优先级低. 2. &&的优先级高于||. 3. cctype中的函数P179. 4. switch(integer- ...

  10. 国内Ubuntu16.04下载地址<其他系统可返回最首项>

     ubuntu16.04下载地址: 中科大源       http://mirrors.ustc.edu.cn/ubuntu-releases/16.04/ 阿里云开源镜像站       http:/ ...