ASP.NET与JavaScript操作CheckBox控件

转载 2007年10月11日 13:51:00
在网络开发中,经常遇到需要使用 ASP.NET  JavaScript 联合进行控制的情况。在本篇中,将使用 DataGrid 进行数据绑定,使用 Javascript 控制当选中其中的 checkbox 时,该行颜色改变。
  首先,在页面中创建一个 DataGrid 控件,并设置其模板。
以下是引用片段:
<asp:DataGrid id="DataGrid1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<asp:CheckBox id="checkbox1" Runat ="server"></asp:CheckBox>
<asp:Label  runat="server" Text='<%# DataBinder.Eval(Container, "DataItem") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
</asp:DataGrid>
  第二,在页面中的<head></head>中编写 JavaScript 脚本函数,进行 CheckBox 的判断和颜色改变的控制。
以下是引用片段:
   <script>  
   function checkme(obj,tr){
   if(obj.checked)
      tr.style.backgroundColor='blue';
   else
      tr.style.backgroundColor='';
    }
    </script>  
  第三,在 Page_Load 事件中为 DataGrid 绑定数据,并关联 CheckBox  JavaScript脚本。
以下是引用片段:
private void Page_Load(object sender, System.EventArgs e)
{
 // Put user code to initialize the page here
 if(!IsPostBack)
 {
  databind();
 }
}
private void databind()
{
 ArrayList arr=new ArrayList();
 arr.Add("
新闻综合");
 arr.Add("
综艺");
 arr.Add("
电影");
 arr.Add("
教育");
 arr.Add("
戏剧");
 arr.Add("
军事");
 arr.Add("
体育");
 DataGrid1.DataSource=arr;
 DataGrid1.DataBind();  
 int i;
 for(i=0;i<DataGrid1.Items.Count;i++){
  CheckBox cb;
  cb=(CheckBox)DataGrid1.Items[i].FindControl("checkbox1"); 
  DataGrid1.Items[i].Attributes.Add("id","tr" + i.ToString()); 
  cb.Attributes.Add("onclick","checkme(this,tr" + i.ToString() + ");"); 
 }
}
控件共享群    40662788 (满)
控件共享群1   45939285(满)
控件共享群2   45939346
控件共享群3   45939415
 
 

asp.net中checkbox、radio后台控制disabled

checkbox和radio可以有两种使用的方法一种是使用runat=server变成服务器控件,这样可以再后台写一个方法,返回bool值控制disabled,例如 name="checkbox" /...
  • liyifei21
  • liyifei21
  • 2011-04-13 20:13:00
  • 1773

c# javascript 操作 checkBox控件

  • 2008年07月11日 16:30
  • 3KB
  • 下载

详解ASP.net的CheckBox和CheckBoxList控件

纯手写,难免出错,大家共同学习,其中有错误还望大家点出来及时修改以免误人子弟。 CheckBox和CheckBoxList控件其实就像一对孪生兄弟般,他们同是复选框控件。只是后者弥补了前者使用效率...
  • u010792238
  • u010792238
  • 2014-03-03 13:43:00
  • 3778

ASP.NET 后台动态添加控件(复选框)

用户配置好如下图的复选框,动态
  • XUJIAOlf
  • XUJIAOlf
  • 2014-06-05 21:59:49
  • 5656

ASP.NET 后台动态添加控件checkbox

      C#WEB开发中,在后台为前台页面根据需要去添加控件是很常见的操作。以添加checkbox 为例来分析这个操作的步骤。  首先前台页面中要有存放后台添加的控件,一般会用这个标签(Lable...
  • rxopt
  • rxopt
  • 2009-02-11 10:22:00
  • 8508

自定义ASP.NET CheckBox的设计思路

    有人要问,你疯了吧,checkbox控件还用写你重写吗?没办法,最近做一个asp.net项目,写开发模板的时候,需要这样做!我的模板需要在前台用javascript控制控件的值和状态初始化,需...
  • liuxianhong
  • liuxianhong
  • 2006-09-21 13:43:00
  • 651

asp.net 2.0 中 TreeView控件中的checkbox客户端操作

  最近有一个项目要做到用树形结构来控制权限, 要做到以下三条 当选择根节点时所有的子节点都要被选择 当选择子节点时相应的根节点也要被选择 当所有子节点取消选择时根节点也要取消选...
  • luq885
  • luq885
  • 2007-04-12 00:02:00
  • 3853

GridView中通过js对CheckBox进行全选

function SelectAllCheckboxes(spanChk) {     elm = document.forms[0];     for (i = 0; i      ...
  • zhu1991_
  • zhu1991_
  • 2017-02-07 16:12:22
  • 478

JavaScript操作checkbox复选框

JavaScript操作checkbox的方式和操作radio的方式相似,都是利用元素项的checked属性来完成。先获取checkbox元素集合,遍历集合,对集合中的每一项做操作。 这里讲几...
  • magi1201
  • magi1201
  • 2015-03-20 22:59:05
  • 5075

asp.net(c#)web服务器控件,多选框checkboxlist控件。

void Page_Load() { string msg = "You have selected the following items:"; if (check1.Items[0].Sele...
  • web718
  • web718
  • 2005-03-16 10:08:00
  • 7868
收藏助手
不良信息举报
您举报文章:ASP.NET与JavaScript操作CheckBox控件
举报原因:
原因补充:

(最多只允许输入30个字)