如何在单个jquery（R）javascript函数中检查所有嵌套网格复选框 [英] How do I checkall my nested grid check-box also in a single jquery (R) javascript function

问题描述

在我的gridview中，两个网格视图是一个网格的嵌套instaead，因为所有复选框都放置了标题和行。我的问题是我检查了主标题复选框只有所有reamin两个gridviews标题和数据行复选框全部选中。



我尝试了什么：

 <   script     type   =  text / javascript    src   =  http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js >  <   /   script  >  
 <   script    类型  =  text / javascript >  
 $（  [id * = chkHeader] ）.live（ 点击， function （）{
  var  chkHeader = $（ this ）; 
  var  grid = $（ this ）。nearest（  table）; 
 $（  input [type = checkbox]，grid）.each（ function （）{
  if （chkHeader.is（  ：选中））{
 $（ this ）。attr（  选中， 选中）; 
 $（  td，$（ this ）。nearest（  tr ））。addClass（  selected）; 
}  else  {
 $（ this ）。removeAttr（   checked）; 
 $（  td，$（这个）。最近的（  tr））。removeClass（  selected）; 
} 
}）; 
}）; 
 $（  [id * = chkTournament]）。live（ 点击， function （）{
  var  grid = $（ this ）。nearest（  table）; 
  var  chkHeader = $（  [id * = chkHeader]，grid）; 
  if （！$（ this ）。是（ ：选中））{
 $（  td，$ （ this ）。nearest（  tr））。removeClass（  selected）; 
 chkHeader.removeAttr（  checked）; 
}  else  {
 $（  td，$（ this ）。nearest（  tr））。addClass（  selected）; 
  if （$（  [id * = chkTournament]，grid）。length == $（  [id * = chkTournament]：已选中，grid）.length）{
 chkHeader.attr（  checked， 选中）; 
} 
} 
}）; 
 <   /   script  >  

解决方案

（ [id * = chkHeader]）。live（ 点击， function （）{
var chkHeader =

（ this ）;
var grid =

（ this ）。nearest（ 表）;

in my gridview two gridviews are nested instaead of one grid,in that all check box is placed for header and rows.My question was i checked main header check-box only all the reamin two gridviews header and datarows check box all checked.

What I have tried:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">
        $("[id*=chkHeader]").live("click", function () {
            var chkHeader = $(this);
            var grid = $(this).closest("table");
            $("input[type=checkbox]", grid).each(function () {
                if (chkHeader.is(":checked")) {
                    $(this).attr("checked", "checked");
                    $("td", $(this).closest("tr")).addClass("selected");
                } else {
                    $(this).removeAttr("checked");
                    $("td", $(this).closest("tr")).removeClass("selected");
                }
            });
        });
        $("[id*=chkTournament]").live("click", function () {
            var grid = $(this).closest("table");
            var chkHeader = $("[id*=chkHeader]", grid);
            if (!$(this).is(":checked")) {
                $("td", $(this).closest("tr")).removeClass("selected");
                chkHeader.removeAttr("checked");
            } else {
                $("td", $(this).closest("tr")).addClass("selected");
                if ($("[id*=chkTournament]", grid).length == $("[id*=chkTournament]:checked", grid).length) {
                    chkHeader.attr("checked", "checked");
                }
            }
        });
    </script>

解决方案

("[id*=chkHeader]").live("click", function () { var chkHeader =

(this); var grid =

(this).closest("table");

这篇关于如何在单个jquery（R）javascript函数中检查所有嵌套网格复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！