在asp.net gridview中选中复选框时，如何更改行的背景颜色 [英] How to change the background color of row when checkbox selected in asp.net gridview

问题描述

亲爱的朋友们，



我想在asp.net gridview中为特定行选中复选框时更改行的背景颜色。







我的要求来自复选框列表，用户只能选择一个复选框.....其工作正常

这是我的javascript，只选择一个复选框，工作正常。

 <   script     type   =  text / javascript >  
 function CheckSingleCheckbox（ob）
 {
 var grid = ob.parentNode.parentNode.parentNode; 
 var inputs = grid.getElementsByTagName（input）; 
 for（var i = 0; i <   inputs.length; i ++）  
   
                   {  
   
                           if    （inputs [i] .type     =   = 复选框）  
   
                           {  
   
                                   if（ob.checked    &&    输入[ i]    ！  =   ob  &&     inputs [i] .checked）  
   
                                   {  
   
                                           inputs [i] .checked     =   false; 
   
                                  }   
   
                          }   
   
                  }   
   
          }   
   
   
   
            < / script  >  

现在我想更改gridview行的背景，选中复选框。



请帮助谢谢。

解决方案

试试以下代码

 if（ob.checked）{
 var tr = ob.parentNode.parentNode; 
 tr.style.backgroundColor =＃FFFF66; 
} 
 

查看此代码：

  foreach （GridViewRow row  in  GridView1.Rows）
 {
 CheckBox chk =（CheckBox）row.Cells [ 0 ]。FindControl（  CheckBox1）; 
  if （chk.Checked）
 row.BackColor = System.Drawing.ColorTranslator.FromHtml（  ＃000）; 
} 

我假设复选框位于GridView的第一个单元格中。每当您想要更改所选行的背景颜色时（例如，在按钮单击中），请输入此代码。



问候..

< blockquote>希望所以它会帮助你解决问题。





更改行颜色





：复选框选择器



选中jQuery的所有复选框



使用jquery，获取所有选中的复选框某个班级名称

Dear Frnds,

I want to change the background color of row when checkbox selected for particular row in asp.net gridview.



My requirement is from list of checkboxes user can select only one checkbox.....its work fine
This is my javascript to select only one checkbox, its working fine.

<script type="text/javascript">
         function CheckSingleCheckbox(ob)
    {
        var grid = ob.parentNode.parentNode.parentNode;
        var inputs = grid.getElementsByTagName("input");
        for(var i=0;i<inputs.length;i++)

        {

            if (inputs[i].type =="checkbox")

            {

                if(ob.checked && inputs[i] != ob && inputs[i].checked)

                {

                    inputs[i].checked = false;

                }

            }

        }

    }



     </script>

Now I want to change the background of gridview row where checkbox is selected.

Please help thanks.

解决方案

Try below code

if(ob.checked){
       var tr = ob.parentNode.parentNode;
       tr.style.backgroundColor = "#FFFF66";
       }

See this code:

foreach (GridViewRow row in GridView1.Rows)
{
   CheckBox chk = (CheckBox)row.Cells[0].FindControl("CheckBox1");
   if(chk.Checked)
       row.BackColor = System.Drawing.ColorTranslator.FromHtml("#000");  
}

I assumed the checkbox is in first cell of GridView. Put this code whenever you want to change background color of selected rows(for example,in button click).

Regards..

Hope so it will help you to solve problem.


change row color


:checkbox Selector

Select all checkboxes with jQuery

using jquery, getting all checked checkboxes with a certain class name

这篇关于在asp.net gridview中选中复选框时，如何更改行的背景颜色的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！