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 后台动态添加控件(复选框)

用户配置好如下图的复选框,动态
  • XUJIAOlf
  • XUJIAOlf
  • 2014年06月05日 21:59
  • 5050

asp.net中复选框checkbox选中datalist中的商品后显示选中商品的临时表

前台  总价钱:asp:Label ID="lblsum" runat="server" Text="" CssClass="lab" Visible="false">asp:Label>    ...
  • wfh_fighting
  • wfh_fighting
  • 2016年09月27日 21:17
  • 583

asp.net服务器控件调用js

asp.net服务器控件调用js 11111 222222 11111 22222 function change() { //下面这句使用Form1.DropDownList1.value...
  • Draling
  • Draling
  • 2014年02月13日 16:07
  • 2608

实用的复选框操作——15分钟解决90%以上的javascript复选框操作

“复选框”页面: —————————————————————————————————————————————————————————————————— 实现功能: 1.点击标...
  • Allenalex
  • Allenalex
  • 2014年11月25日 18:45
  • 1581

【JavaScript】DOM操作复选框

DOM操作复选框 实现一个效果如下图: 点击"全选/全不选"复选框之后,足球、篮球、游泳和唱歌均被选取。取消"全选/全不选"复选框之后,被选中的所有都变成未选中。点击"全选"按钮之后,足球、篮球...
  • u013517797
  • u013517797
  • 2015年08月26日 21:05
  • 1178

C# treeview控件部分节点添加checkbox

转自:http://www.cnblogs.com/xiaolifeidao/p/3178569.html 一、先初始化treeview this.treeView...
  • ainixiaozhuzi
  • ainixiaozhuzi
  • 2014年03月10日 23:14
  • 2085

asp.net gridview中添加checkbox列,用于全部选中记录或取消全选

方法一:使用javascript代码控制                          前台代码:...
  • nvhaixx
  • nvhaixx
  • 2013年10月08日 14:03
  • 4582

Asp.net中满足条件的复选框自动被选中(一)

一、有这样一种需求:给单个用户分组,分两步走 1)加载所有用户组 2)当前用户已在的分组的复选框被勾选上     二、下面先演示一下想要的效果:   1、给单个用户分组,选择用户: ...
  • hxj135812
  • hxj135812
  • 2015年01月07日 17:58
  • 1665

ASP.NET巧妙利用repeater控件和checkBox控件实现批量操作

一般的CMS(Content Manager System)中,不可避免的会涉及批量操作。比如显示一页数据,一个良好的设计都会加上批量删除、批量推荐等操作。    在ASP.NET中,做这样的批量操...
  • chenxbxh2007
  • chenxbxh2007
  • 2015年08月20日 11:17
  • 256

最常用的jQuery操作checkbox方法

最常用的jQuery操作checkbox方法
  • baidu_25310663
  • baidu_25310663
  • 2015年05月06日 10:03
  • 1037
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ASP.NET与JavaScript操作CheckBox控件
举报原因:
原因补充:

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