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>