ASP.NET与JavaScript操作CheckBox控件

来源：百度文库 编辑：神马文学网 时间：2024/04/28 12:07:05
在网络开发中，经常遇到需要使用ASP.NET与JavaScript联合进行控制的情况。在本篇中，将使用DataGrid进行数据绑定，使用Javascript控制当选中其中的checkbox时，该行颜色改变。
首先，在页面中创建一个DataGrid控件，并设置其模板。
以下是引用片段：





‘>




第二，在页面中的中编写JavaScript脚本函数，进行CheckBox的判断和颜色改变的控制。
以下是引用片段：

第三，在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;iCheckBox 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() + ");");
}
}
第四，完成之后运行程序。程序运行后，会在DataGrid控件的每行前显示一个CheckBox控件，选择该控件，该行背景颜色变蓝色，取消选择，该行颜色恢复初始状态。
ASP.NET与JavaScript操作CheckBox控件 将 JavaScript 与 ASP.NET 2.0 配合使用 ASP.NET验证控件详解 ASP.NET上传控件V1.0 beta2 ASP.NET中TreeView控件使用小结 asp.net控件开发基础(2) asp.net控件开发基础(3) asp.net控件开发基础(4) asp.net控件开发基础(15) 总结 asp.net 2.0教程 登录系列控件 ASP.NET 服务器控件的验证 ASP.NET六种验证控件 ASP.NET 2.0服务器控件开发之控件样式 ASP.NET 控件开发速成教程：生成复合控件 ASP.NET 2.0服务器控件之复合控件概述 ASP.NET 2.0服务器控件之复合控件事件 ASP.NET 2.0 的数据源、数据绑定控件概述与区别 javascript和ActiveX的交互问题 .NET技术 / ASP.NET 使用 ASP.NET Atlas PageNavigator控件实现客户端分页导航 ASP.NET技巧：將datagrid控件內容輸出到excel文件 ASP.NET技巧：將datagrid控件內容輸出到excel文件 使用自定义函数对 ASP.NET 服务器控件进行验证 ASP.NET用户控件说明和添加事件 【原创】asp.net中数据显示控件浅谈