Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何从javascript计算表中禁用列的数量?_Javascript_Html_Asp.net - Fatal编程技术网

如何从javascript计算表中禁用列的数量?

如何从javascript计算表中禁用列的数量?,javascript,html,asp.net,Javascript,Html,Asp.net,我的表格格式是 <table class"tabletop"> <tr> <td> <table> <tr> <td id="mycol1"></td> <td id="mycol2"></td> <td id="mycol3

我的表格格式是

<table class"tabletop">
    <tr>
        <td>
        <table>
            <tr>
                <td id="mycol1"></td>
                <td id="mycol2"></td>
                <td id="mycol3"></td>
                <td id="mycol4"></td>
            </tr>
        </table>
        </td>
    </tr>
    <tr>
    </tr>
</table>
你可以用

$('table td:visible').length
试试这个:


1.
2.
3.
4.
函数hideColumn(列类){
var els=document.getElementsByCassName(columnClass);
对于(变量i=0;i

首先,您应该使用类来定义列,而不是id,因为id不应该重复&要定义列,我们必须为列的所有单元格提供类似的id。

工作解决方案尝试此方法

  <script type = "text/javascript" language = "javascript">

     function getHiddenColumnCount() {
         var tbl = document.getElementById("myTbl");
         var HiddenColumnCount = 0; 
         for(var OuterCounter = 0 ; OuterCounter < tbl.rows.length ; OuterCounter++)
         {
             for(var InnerCounter = 0 ; InnerCounter <                    tbl.rows[OuterCounter].cells.length;InnerCounter++)
            {
                if (tbl.rows[OuterCounter].cells[InnerCounter].style.display == "none")
                HiddenColumnCount++;
            }
         }
         alert("There are " + HiddenColumnCount + " Hidden Columns in Table");
      }
 </script>   

函数getHiddenColumnCount(){
var tbl=document.getElementById(“myTbl”);
var HiddenColumnCount=0;
对于(var OuterCounter=0;OuterCounter
您的javascript代码在哪里?你有没有尝试过什么,或者只是想让我们帮你找到工作?您如何将您的td标记为残疾?请向我们展示您的尝试,并稍微说明您需要什么。您希望选择此表(按id、类或元素),然后查找所有具有id的TDs(或它们是否都具有id)返回多少个被禁用和未禁用,或者您希望函数也返回id?@MarkWalters我按类选择此表,然后它必须只返回数字,即禁用和未禁用的计数当您说“禁用”时,您的具体意思是“with
display:none
”,对吗?“假设禁用的列为4,未禁用的列为2”-但您的示例总共只有4列,那么禁用的列数加上启用的列数不应该等于4吗?哦,好的。您能让类对隐藏的tds说一些类似“禁用”的话吗?
<table border="1" id="myTbl">
        <tr>
            <td class="mycol1">
                1
            </td>
            <td class="mycol2">
                2
            </td>
            <td class="mycol3">
                3
            </td>
            <td class="mycol4">
                4
            </td>
        </tr>
    </table>
    <script>
        function hideColumn(columnClass) {
            var els = document.getElementsByClassName(columnClass);
            for (var i = 0; i < els.length; i++) {
                els[i].style.display = "none";
            }
        }
        hideColumn('mycol1');
        hideColumn('mycol2');

        function getHiddenColumnsCount() {
            var rows = document.getElementById('myTbl').rows;
            var count = 0;
            for (var i = 0; i < rows.length; i++) {
                for (var j = 0; j < rows[i].cells.length; j++) {
                    if (rows[i].cells[j].style.display == "none")
                        count++;
                }
            }
            alert(count);
        }
        getHiddenColumnsCount();
    </script>
  <script type = "text/javascript" language = "javascript">

     function getHiddenColumnCount() {
         var tbl = document.getElementById("myTbl");
         var HiddenColumnCount = 0; 
         for(var OuterCounter = 0 ; OuterCounter < tbl.rows.length ; OuterCounter++)
         {
             for(var InnerCounter = 0 ; InnerCounter <                    tbl.rows[OuterCounter].cells.length;InnerCounter++)
            {
                if (tbl.rows[OuterCounter].cells[InnerCounter].style.display == "none")
                HiddenColumnCount++;
            }
         }
         alert("There are " + HiddenColumnCount + " Hidden Columns in Table");
      }
 </script>