DataGrid中加入CheckBox,并实现单选选择自 listhome 的 Blog

最新推荐文章于 2013-01-13 07:50:00 发布

musttieying

最新推荐文章于 2013-01-13 07:50:00 发布

阅读量1k

点赞数

分类专栏： asp.net 文章标签： datagrid blog webform button asp javascript

本文链接：https://blog.csdn.net/musttieying/article/details/698991

版权

本文介绍如何在ASP.NET的DataGrid控件中添加CheckBox，并通过JavaScript实现单选功能。当用户点击CheckBox时，其他所有CheckBox将被设置为未选中状态，而当前点击的CheckBox状态反转。代码包括了ASPX页面和CS后台处理文件的详细实现。

摘要由CSDN通过智能技术生成

原理就是用JS遍列所有CheckBox把所有CheckBox设为未被选中,然后在把单击的CheckBox设为选中

以下是.ASPX文件

<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="DataGridCheck.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
  <title>WebForm1</title>
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <meta content="C#" name="CODE_LANGUAGE">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
  <SCRIPT language="JavaScript">
     function SetCheckBoxState()
     {
     var dom=document.all;
     var el=event.srcElement;
        if(el.tagName=="INPUT"&&el.type.toLowerCase()=="checkbox")
     {
  for(i=0;i<dom.length;i++)
  {
      if(dom[i].tagName=="INPUT"&&dom[i].type.toLowerCase()==&