c# - 如何在鼠标悬停时在gridview的第一列显示复选框

Question

我想每个人都知道chrome browser这一点，如果我们选择History我们将获得所有的浏览数据。当我们将鼠标悬停在特定行上时，acheck box是可见的，并且当我们选择该按钮已启用时，如何执行此类场景

Answer 1

将复选框设置为 display:none 然后试试这个

protected void RecordsGrid_RowDataBound(object sender, GridViewRowEventArgs e)
            {
                if (e.Row.RowType == DataControlRowType.DataRow)
                {

                    e.Row.Attributes.Add("onmouseover","checkbox.style.display='block'");
                    e.Row.Attributes.Add("onmouseout", "checkbox.style.display='none'");
                }
            }

Answer 2

尝试这个

   $(function(){
            $("#gridviewname tr").live("hover",function(){
                 $(this).find("input[id*='chkName']").show();
            },
            function(){
                 $(this).find("input[id*='chkName']").hide();
            });

            $("#gridviewname tr").live("click",function(){
                 if($(this).find("input[id*='chkName']").attr("checked"))
                 {
                       $(this).find("input[id*='chkName']").removeAttr("checked");
                       $(this).find("input[id*='chkName']").hide();
                 }
                 else
                 {
                       $(this).find("input[id*='chkName']").attr("checked",true);
                       $(this).find("input[id*='chkName']").show();
                 }
            });

         });

Answer 3

@User：您好，您可以使用 j 查询使其突出显示行的后续链接使复选框可见，但使用相同的基础，您也可以使复选框和按钮可见。

http://www.dotnetcurry.com/ShowArticle.aspx?ID=250

http://jquerybyexample.blogspot.com/2011/06/highlight-row-on-mouseover-in-gridview.html