在gridview里面选HeaderTemplate里的checkbox后，全选ItemTemplate里的checkbox，如何实现选中行颜色的变化，要用js实现，（在后台我已经实现了，要刷新页面不是很喜欢）

问题描述

在gridview里面选HeaderTemplate里的checkbox后，全选ItemTemplate里的checkbox，如何实现选中行颜色的变化，要用js实现，（在后台我已经实现了，要刷新页面不是很喜欢）

解决方案

解决方案二：
你可以用ajax.net的updatepanel控件实现局部刷新，也可以用JS获取相应Form中的checkbox控件，然后操作相应样式。
解决方案三：
帮顶
解决方案四：
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="gv3.aspx.cs"Inherits="gv3"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title><scriptlanguage="javascript"type="text/javascript">functiona(obj){//alert("进入方法");if(obj.checked){obj.parentNode.parentNode.style.backgroundColor='blue';}else{obj.parentNode.parentNode.style.backgroundColor='';}}</script></head><body><formid="form1"runat="server"><div><asp:GridViewID="GridView1"runat="server"><Columns><asp:TemplateField><ItemTemplate><inputid='Checkbox_<%#Eval("ID")%>'type="checkbox"onclick="a(this);"/></ItemTemplate></asp:TemplateField></Columns></asp:GridView><inputid="Checkbox1"checked="checked"type="checkbox"/></div></form></body></html>
解决方案五：
我上面实现的是单个点击,如果是全选的话应该也差不多
解决方案六：
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="ShowNews.aspx.cs"Inherits="ShowNews"%><%@RegisterSrc="WebUserControl.ascx"TagName="WebUserControl"TagPrefix="uc1"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>新闻管理</title><scripttype="text/javascript">functionSelectAll(tempControl){vartheBox=tempControl;xState=theBox.checked;elem=theBox.form.elements;for(i=0;i<elem.length;i++){if(elem[i].type=="checkbox"&&elem[i].id!=theBox.id){if(elem[i].checked!=xState){elem[i].click();}}}}functionchangecolor(cbo,o){vartheBox=cbo;vartr=document.getElementById(o);if(theBox.checked){tr.style.backgroundColor="Red";}else{tr.style.backgroundColor="#CCCCCC";}}</script></head><body><formid="form1"runat="server"><div><tableborder="1"cellspacing="0"cellpadding="0"style="width:800px"align="center"><tr><td>&nbsp;&nbsp;<uc1:WebUserControlID="WebUserControl1"runat="server"/></td></tr><tr><tdstyle="height:154px"><asp:GridViewID="GridUsers"runat="server"AutoGenerateColumns="False"DataKeyNames="NewId"Width="795px"OnRowDeleting="GridUsers_RowDeleting"OnRowDataBound="GridUsers_RowDataBound"><Columns><asp:HyperLinkFieldDataNavigateUrlFields="NewId"DataNavigateUrlFormatString="UpdataNews.aspx?NewId={0}"DataTextField="NewTitle"HeaderText="新闻标题"/><asp:BoundFieldDataField="NewText"HeaderText="内容"/><asp:BoundFieldDataField="NewTime"HeaderText="发布时间"SortExpression="UserName"><ControlStyleWidth="100px"/></asp:BoundField><asp:BoundFieldDataField="UserLogin"HeaderText="发布人"SortExpression="UserPwd"><ControlStyleWidth="100px"/></asp:BoundField><asp:TemplateFieldShowHeader="False"><ItemTemplate><asp:LinkButtonID="LinkButton1"runat="server"CausesValidation="False"CommandName="Delete"OnClientClick="returnconfirm('你确定要删除此项吗?');"Text="删除"></asp:LinkButton></ItemTemplate></asp:TemplateField><asp:TemplateField><HeaderTemplate><asp:CheckBoxID="CheckAll"runat="server"Text="全选"onclick="javascript:SelectAll(this);"/></HeaderTemplate><ItemTemplate><asp:CheckBoxID="CheckSingle"runat="server"/></ItemTemplate></asp:TemplateField></Columns></asp:GridView>&nbsp;<tableborder="0"cellpadding="0"cellspacing="0"><tr><tdstyle="width:1712px;height:19px"></td><tdstyle="width:100px;height:19px"></td></tr></table></td></tr></table></div></form></body></html>

参考这个。。。颜色你可以改你自己喜欢的。
解决方案七：
functionUpDomAll(changeBox){vargridView=document.getElementById("GridView1");//这里放指定的GridView的ID,可以从changeBox分析得出vartbodyNode=gridView.childNodes[0];for(vari=1;i<tbodyNode.childNodes.length;i++){varrowBox=tbodyNode.childNodes[i].childNodes[0].firstChild.lastChild;if(rowBox.checked!=changeBox.checked&&!rowBox.disabled){rowBox.checked=changeBox.checked;UpDom(tbodyNode.childNodes[i].childNodes[0].firstChild);}}}应该和这个差不多
解决方案八：
没用啊！全选可以的,但是不能改变颜色啊
解决方案九：
<%@PageLanguage="C#"AutoEventWireup="true"CodeFile="test.aspx.cs"Inherits="test"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><headrunat="server"><title>无标题页</title><scriptlanguage="javascript"type="text/javascript">functionselectAll(obj){//varelem=document.getElementById('GridView1').getElementsByTagName('INPUT');varelem=document.getElementById('<%=GridView1.ClientID%>').getElementsByTagName('INPUT');//varelem=obj.parentNode.parentNode.parentNode.getElementsByTagName('INPUT');for(i=0;i<elem.length;i++){if(elem[i].type=="checkbox"&&elem[i].id!='cbkALL'){elem[i].checked=obj.checked;if(obj.checked){elem[i].parentNode.parentNode.style.backgroundColor='red';}else{elem[i].parentNode.parentNode.style.backgroundColor='';}}}}functionchangeColor(obj){if(obj.checked)obj.parentNode.parentNode.style.backgroundColor='red';elseobj.parentNode.parentNode.style.backgroundColor='';}</script></head><body><formid="form1"runat="server"><div><asp:GridViewID="GridView1"runat="server"><Columns><asp:TemplateField><HeaderTemplate><inputtype="checkbox"id='ckbALL'onclick="selectAll(this);"/></HeaderTemplate><ItemTemplate><inputtype="checkbox"name="ckb"onclick="changeColor(this);"/><asp:ButtonID="btn"runat="server"Text="ok"/></ItemTemplate></asp:TemplateField></Columns></asp:GridView></div></form></body></html>

usingSystem;usingSystem.Data;usingSystem.Configuration;usingSystem.Collections;usingSystem.Web;usingSystem.Web.Security;usingSystem.Web.UI;usingSystem.Web.UI.WebControls;usingSystem.Web.UI.WebControls.WebParts;usingSystem.Web.UI.HtmlControls;publicpartialclasstest:System.Web.UI.Page{protectedDataTablegetDataTable(){System.Data.DataTabledt=newSystem.Data.DataTable();System.Data.DataRowdr;dt.Columns.Add(newSystem.Data.DataColumn("ID",typeof(System.Int32)));dt.Columns.Add(newSystem.Data.DataColumn("Name",typeof(System.String)));dr=dt.NewRow();dr[0]=1;dr[1]="小明";dt.Rows.Add(dr);dr=dt.NewRow();dr[0]=2;dr[1]="小强";dt.Rows.Add(dr);dr=dt.NewRow();dr[0]=3;dr[1]="小张";dt.Rows.Add(dr);dr=dt.NewRow();dr[0]=4;dr[1]="小李";dt.Rows.Add(dr);dr=dt.NewRow();dr[0]=5;dr[1]="小关";dt.Rows.Add(dr);returndt;}protectedvoidPage_Load(objectsender,EventArgse){GridView1.DataSource=getDataTable();GridView1.DataBind();}}

解决方案十：
学习了

时间： 2024-09-09 08:09:43

在gridview里面选HeaderTemplate里的checkbox后，全选ItemTemplate里的checkbox，如何实现选中行颜色的变化，要用js实现，（在后台我已经实现了，要刷新页面不是很喜欢）的相关文章

jspm实现自动刷新页面的程序

我在 JSPM 环境下开发时,页面修改由 Browsersync 监控,然后自动刷新,命令行里这样执行: browser-sync start --server --files '*.html, style/**, script/**' BrowserSync 的好处是,如果多个浏览器中测试同一个页面地址,则页面修改会同步到多个浏览器中. 后来想,gulp.js.webpack.grunt.js 等一类工具都内置了自动刷新页面的功能,jspm 或许也会有.找了下资料,没有,但有个 jspm-se

javascript-如何让checkbox在刷新页面后保持之前的状态

问题描述 如何让checkbox在刷新页面后保持之前的状态 这个checkbox,假设选中后,刷新当前页面,让其保持选中状态,未选中,刷新后还是未选中,该怎么写,存在cookie里,然后用js控制checkbox的取值和赋值,不知道具体怎么写代码,新手,给完整代码 解决方案 之前不是给过你了?你是单个还是多个checkbox? <div id="dvCBs"> <input type="checkbox" name="cb" v

GridView中加上CheckBox 的全选功能的代码_实用技巧

首先我們當然是要先做出一個有資料的GridViewGridView做好後,我們在後方新增一個樣板欄位(TemplateField)請在新增的樣板欄位中的HeaderTemplate加入一個CheckBox作為全選用,然後在ItemTemplate也加入一個CheckBox 复制代码 代码如下: <asp:TemplateField>                          <HeaderTemplate>                              <

在 .net2008里，是web程序。页面上有若干个文本框，切换不刷新页面

问题描述 在.net2008里,用C#程序,在一个web页面.我现在有若干个文本框,要实现文本框之间输入数据进行切换,直接按回车键.但是每次回车,页面要重新刷新,有没有办法部刷新页面,实现切换! 解决方案 解决方案二:网上有很多例子自己搜索吧用js判断是否按下的是回车键如果是焦点停在下一个文本框内解决方案三:按照我的理解,你意思是enter实现tab的功能?最简单的$(function(){$(document).keydown(function(){if(event.keyCode==13){

静态页中利用AJAX.NET实现无刷新页面

ajax|静态|刷新|无刷新|页面 一. 导言 我们知道,ASP.net应用程序事实是在服务器上运行的,用户的请求要不断地送往远程的服务器,服务器执行完本地的程序后把重新装载页面再发送客户端.所以就出现了不断刷新的问题,页面不断闪烁.用户不厌其烦,运行效率也大大4降低,服务器的负荷加重.事实,客户端的请求在某一时刻只是通过向 Web 服务器提交新的请求来检索对用户输入所做的响应.这种情况下,开发人员可以使用 JavaScript 在客户端上加载所有响应,从而提供更好的用户体验.遗憾的是,在很多情

ASP.Net刷新页面后自动滚动到原来位置方法汇总

本文给大家汇总了3种ASP.Net实现的刷新页面后自动滚动到原来位置方法,十分的简单实用,有需要的小伙伴可以参考下.     在网上搜索之后总结了三种方式: 1.设置Page中的MaintainScrollPositionOnPostback属性为true A>.页面里有MaintainScrollPositionOnPostback,默认是false,设为true即可(页面级)   代码如下: <%@ Page Language="C#" AutoEventWireup=

servlet-Java新人求解答:用js实现关闭或刷新页面时如何保存更改信息?

问题描述 Java新人求解答:用js实现关闭或刷新页面时如何保存更改信息? 如题,我做了一个网站,如下代码,现在的问题是网站可以修改,但是一旦刷新或重新登录后又恢复原状了. 请问改写什么代码才能保存网页修改的信息? <%@ page import ="java.util.*" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <% String path

js刷新页面方法大全_javascript技巧

如何实现刷新当前页面呢?借助js你将无所不能. 1,reload 方法,该方法强迫浏览器刷新当前页面.语法:location.reload([bForceGet])   参数: bForceGet, 可选参数, 默认为 false,从客户端缓存里取当前页.true, 则以 GET 方式,从服务端取最新的页面, 相当于客户端点击 F5("刷新") 2,replace 方法,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过"前

Android中ListView绑定CheckBox实现全选增加和删除功能(DEMO)_Android

ListView控件还是挺复杂的,也是项目中应该算是比较常用的了,所以写了一个小Demo来讲讲,主要是自定义adapter的用法,加了很多的判断等等等等-.我们先来看看实现的效果吧! 好的,我们新建一个项目LvCheckBox 我们事先先把这两个布局写好吧,一个是主布局,还有一个listview的item.xml,相信不用多说 activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/apk/res/