2 u011295626 u011295626 于 2014.08.12 21:13 提问

js按行操作gridview,gridview中有若干行数据

点击btn实现行变色,开始全无色,点击一次第一行变色,第二次点击第二行变色
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="jsgrid.aspx.cs" Inherits="tryeccel.jsgrid" %>

<!DOCTYPE html>



无标题页

<br> $(document).ready(function () {</p> <pre><code> function setStatus(status) { var row = 0; var AllRows = document.getElementById(GridViewId).getElementsByTagName(&quot;tr&quot;); AllRows[row].style.background = System.Drawing.Color.Lime; $(&quot;button#btn1&quot;).click(function () { // $(&quot;input[type=radio]&quot;).attr(&#39;checked&#39;, false); // $(&quot;#Radio1&quot;).attr(&#39;checked&#39;, true); // $(&quot;#RadioButton1&quot;).attr(&#39;checked&#39;, true); $(&quot;#GridView1&quot;).eq(row).find(&#39;input&#39;).eq(status).attr(&#39;checked&#39;, true); row = row + 1; }) $(&quot;button#btn2&quot;).click(function () { AllRows[row].style.background = System.Drawing.Color.Lime; row = row + 1; }) } }) </code></pre> <p>


    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Width="273px" DataKeyNames="Sno">
        <Columns>
            <asp:BoundField DataField="Sno" HeaderText="Sno" SortExpression="Sno" ReadOnly="True" />
            <asp:BoundField DataField="Sname" HeaderText="Sname" SortExpression="Sname" />
            <asp:BoundField DataField="Sex" HeaderText="Sex" SortExpression="Sex" />
            <asp:BoundField DataField="Classno" HeaderText="Classno" SortExpression="Classno" />
            <asp:TemplateField HeaderText="单选">
                     <ItemTemplate>
                          <input type="radio" id="RadioName" name="RadioName" value='<%# Eval("Sno")%>' />
                     </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:CheckSysConnectionString %>" SelectCommand="SELECT [Sno], [Sname], [Sex], [Classno] FROM [Students]"></asp:SqlDataSource>
    <button id="btn1"type="button" >选择</button>
    <button id="btn2"type="button" >变色</button>
</form>


Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
GridView前台行的添加和删除(JS操作)
function  addline()//gridview添加行        {         //debugger;         //定义新行各单元格的innerHTML字符串         //添加新行             var r=gridview1.insertRow();         var c1= r.insertCell();
JS获得ASP.NET(C#)页面上GridView选中行的信息
做web开发还是新手的我,之前为了得到Gridview中的值,是将其通过服务端控件先将Gridview中的数据保存到服务端,然后绑定当一个服务端的隐藏域,之后通过js读取隐藏域中的值,现在感觉这种方法很笨;虽然得到数据是很容易的仅仅是遍历一下Gridview,但是考虑的性能,我还是想用js来读取。现在可以得到我想要的数据了,为了方便以后和我一样的新手,现在简单记下,希望能够抛砖引玉,有待找到更好的
GridView合并相同数据的行
此方法已经使用过,将在GridView_DataBound的方法的时候调用该方法 ,我的例子是 合并的一到三行的相同行的数据,是这样的调用 ===============================================================   pr
ASP.NET—005:GridView增加一行JS实现
Gridview在做项目时一般使用的比较多,用来展示数据,编辑数据等。这一篇我们来看看如何用JS控制gridview来增加一行。主要还是使用Jquery,原理是复制一行已有的数据。直接看代码效果如下点击增加按钮后前台代码: <asp:GridView ID="dgPersons" runat="server" Enab
用JQuery获取AspxGridView单元格的值
丽水市汽车运输集团有限公司信息中心 苟安廷AspxGridView是大家常用的第三方控件,但客户端操作介绍不多,在工作中,我采用下面的方法通过JQuery获取指定单元格的值,希望对你有所帮助:function Tools(){};//gridId为AspxGridView的客户端ID,rowIndex为行号,colIndexOrCaption为列号或列名,注意,//客户端没有字段名,只有列标题
asp.net中GridView上的行绑定
使用Eval绑定值 常规的为Text='' 但是如果不是Text上需要Eval,而是比如OnClientClick的时候,这里就涉及到很多的单引号和双引号 可以使用方式如下,其中goToGwModal为自定义的javascript函数: OnClientClick=''
点击GridView模版列里的按钮取GridView当前被操作行的数据
这种情况经常都会有的,就是在GridView里加一个模版列,里面放一些按钮,然后呢,点击这些按钮的时候,要可以取到GridView当前被点击的行的字段里的内容一般有两种情况,只需要取一个字段的值,和要取多个字段的值,其实都是一样的方法,就是使用CommandArgument属性一、只需要取一个字段的值:在GridView里的定义                           
Js 获取Gridview选中行的内容
//取得gridview中获取选中行指定列的值 function Select() { //获取鼠标点击的元素 var e=event.srcElement; //获取元素所在的行的行号(表头行号从0开始)。注意:parentElement只适用于IE浏览器,而parentNode则符合DOM标准。
jquery获取服务器控件girdview的行和列的值
用下面简单的表格表示一个进过绑定数据的服务器控件gridview 其中girdview的ID为ViewMsg “查看”控件是linkbutton  序号 名字 操作 1 aa 查看 2 bb 查看
GridView动态新增行 删除行 适合多数据批量修改保存 新增数据验证
GridView动态新增行 批量编辑保存    新增验证:控件宽度和高度为 非0的正整数