DataGrid中加入CheckBox,并实现单选

ASP.NET DataGrid实现单选CheckBox

最新推荐文章于 2019-09-27 14:13:26 发布

原创

最新推荐文章于 2019-09-27 14:13:26 发布 · 3.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#datagrid #webform #button #asp #javascript #microsoft

这篇博客展示了如何在ASP.NET的DataGrid中添加CheckBox，并实现单选功能。通过JavaScript遍历并设置所有CheckBox状态，点击时仅保留当前选中状态。详细代码包括ASPX和CS文件。

第一次发表,不会写.直接把原文件给大家看算了!!

原理就是用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()=="checkbox")
      {
   dom[i].checked=false;
      }
  }
&nb