Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.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
Html 在完成某些选择后,如何每次向数据表中添加列?_Html_Checkbox_Google Apps Script - Fatal编程技术网

Html 在完成某些选择后,如何每次向数据表中添加列?

Html 在完成某些选择后,如何每次向数据表中添加列?,html,checkbox,google-apps-script,Html,Checkbox,Google Apps Script,我尝试根据选中的复选框更新数据表。根据选中的复选框,我可以在数据表中显示指定的列。但是,当选中多个复选框时,我无法显示任何内容 当选中多个复选框时,如何在数据表中显示多个列。。。请帮忙 这是我的密码 <!DOCTYPE html> <html> <head> <base target="_top"> <script type="text/javascript" src="https://www.google.com/jsa

我尝试根据选中的复选框更新数据表。根据选中的复选框,我可以在数据表中显示指定的列。但是,当选中多个复选框时,我无法显示任何内容

当选中多个复选框时,如何在数据表中显示多个列。。。请帮忙

这是我的密码

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <script type="text/javascript" src="https://www.google.com/jsapi"></script>
     <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script>
     google.charts.load('current', {'packages':['table']});
       google.charts.setOnLoadCallback(cal);
    function cal()
    {
     var data = new google.visualization.DataTable();
     var newData = [
            ['What is your name?', 'What is your age?','How do you get to work?' ,'How long is your commute?' ],
            ['2005',  '1170',      '460'    ,  '421'   ],
            ['2006',  '660',       '1120'    ,  '4324'  ],
            ['2007',  '1030',      '540'     ,  '4234'  ],
            ['2008',  '1530',      '50'     ,    '234'  ]];
            var numRows = newData.length;
          var numCols = newData[0].length;


    if(document.getElementById('cb1').checked==true)
    {
    data.addColumn('string', newData[0][0]);
     for (var i = 1; i < numRows; i++)
           data.addRow([newData[i][0]]);
    }
     if(document.getElementById('cb2').checked==true)
    {
     data.addColumn('string', newData[0][1]);
     for (var i = 1; i < numRows; i++)
            data.addRow([newData[i][1]]); 
    }
     if(document.getElementById('cb3').checked==true)
    {
     data.addColumn('string', newData[0][2]);
     for (var i = 1; i < numRows; i++)
            data.addRow([newData[i][2]]); 
    }
     if(document.getElementById('cb4').checked==true)
    {
     data.addColumn('string', newData[0][3]);
     for (var i = 1; i < numRows; i++)
            data.addRow([newData[i][3]]); 
    }
    var table = new google.visualization.Table(document.getElementById('tablechart'));
          table.draw(data, {showRowNumber: true, width: '100%', height: '100%'});
    }
    </script>
  </head>
  <body>
    <form name="myform">
    <input type="checkbox" name="c1" id="cb1">What is your name?
     <input type="checkbox" name="c1" id="cb2">What is your age?
      <input type="checkbox" name="c1" id="cb3">How do you get to work?
       <input type="checkbox" name="c1" id="cb4">How long is your commute?
       <input type="button" name="b1" onclick="cal()">Submit
    </form>
     <div id="tablechart" style="width: 900px; height: 500px;"></div>
  </body>
</html>

load('current',{'packages':['table']});
google.charts.setOnLoadCallback(cal);
函数cal()
{
var data=new google.visualization.DataTable();
var newData=[
[“你叫什么名字?”,“你的年龄是多少?”,“你怎么去上班?”,“你的通勤时间是多长?”,
['2005',  '1170',      '460'    ,  '421'   ],
['2006',  '660',       '1120'    ,  '4324'  ],
['2007',  '1030',      '540'     ,  '4234'  ],
['2008',  '1530',      '50'     ,    '234'  ]];
var numRows=newData.length;
var numCols=newData[0]。长度;
if(document.getElementById('cb1')。checked==true)
{
data.addColumn('string',newData[0][0]);
对于(变量i=1;i
当只选中一个复选框时,我可以显示单列。但当选中多个复选框时,我无法在数据表中显示/添加多列。请帮助

谢谢:)