ASP.NET与JavaScript操作CheckBox控件
来源:互联网 发布:假ip攻击软件 编辑:程序博客网 时间:2024/04/30 10:57
在网络开发中,经常遇到需要使用 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>
<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>
<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() + ");");
}
}
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
控件共享群1 45939285(满)
控件共享群2 45939346
控件共享群3 45939415
- ASP.NET与JavaScript操作CheckBox控件
- .NET与JavaScript操作CheckBox控件
- .NET与JavaScript操作CheckBox控件
- ASP.NET与JavaScript联合操作之一 选择DataGrid中的CheckBox控件后该行背景变色
- ASP.NET与JavaScript联合操作之一 选择DataGrid中的CheckBox控件后该行背景变色
- asp.net CheckBox 控件
- asp.net 2.0 中 TreeView控件中的checkbox客户端操作
- asp.net 2.0 中 TreeView控件中的checkbox客户端操作
- ASP.NET巧妙利用repeater控件和checkBox控件实现批量操作
- ASP.NET巧妙利用repeater控件和checkBox控件实现批量操作
- ASP.NET 后台动态添加控件checkbox
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 为ASP.NET控件添加常用的JavaScript操作
- 国庆期间试用CodeGear C++ Builder 2007的感受
- 数据结构能力自测
- 关于Adodb.Stream 的使用说明
- (新闻转载)“世纪之争---谁是真正的计算机之父”
- 不要被假象迷惑 网络安全的七大误区
- ASP.NET与JavaScript操作CheckBox控件
- 九阴真经原文
- 用Ajax结合div来实现的查询控件
- sql server 日志裁剪
- 天堂可待
- table的innerHTML
- java类风格的js
- 带checkbox的网页树形控件
- VB与IE交互实现WEB画面的自动测试(用VB填写IE中控件的内容和提交表单)