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>
最新文章
- JackRabbit的前世今生
- MySQL Cluster 7.3.5 集群配置参数优化(优化篇)
- CSS:谈谈栅格布局
- spring官方案例程序
- 安卓开发-See the log file\.metadata\.log.
- css3应用之自定义选中文字的背景颜色
- HDU 5705 Clock (精度控制,暴力)
- BZOJ_1012_[JSOI2008]_最大数maxnumber_(线段树/树状数组+RMQ)
- Rsync同步工具安装文档
- 渗透测试环境DVWA搭建
- linux中查看和开放端口
- [Swift]LeetCode720. 词典中最长的单词 | Longest Word in Dictionary
- jmeter学习记录--03--jmeter负载与监听
- C/C++ 获取系统时间 到秒 || 到毫秒
- zookeeper服务发现实战及原理--spring-cloud-zookeeper源码分析
- 使用LINQ生成Where的SQL语句
- python中的猴子补丁Monkey Patch
- 一切为了解决隐私问题,绿洲实验室Ekiden协议介绍
- mysql同步之otter/canal环境搭建完整详细版
- WEB后台认证机制