隐藏/显示表单（复选框表单）——javascript

我有一个大小为X X Y的电路板的纯文本表示，使用屏幕上显示的基线二维阵列。每个单元格的值为1或0，并且有预设的阵列配置，用户可以选择板上的显示

我希望用户能够选择自己的自定义电路板配置（即选择哪些单元应为1，而未选中的单元应为0）。为此，我只需设置一个16 x 16的复选框输入表。在底部是一个提交按钮，一旦他们选择了他们的配置，他们可以点击该按钮来绘制电路板

<table>
    <tr>    
        <td><input type="checkbox"></td>
        <td><input type="checkbox"></td>
        ...
    </tr>
    <tr>    
        <td><input type="checkbox"></td>
        <td><input type="checkbox"></td>
        ...
    </tr>
    ...
</table>

...
...
...

---

我的问题：必要时如何隐藏/显示复选框？我只想在用户特别单击要创建自定义布局时显示复选框输入。一旦他们选中复选框并按submit，我将处理数据，但我还想隐藏复选框。这可能吗？谢谢

在最基本的情况下，您可以简单地使用以下内容：

CSS:

HTML:

Javascript:

function showCheckboxes(){
  var checkboxes = document.getElementsByTagName('input')
  for(var i=0; i<checkboxes.length; i++){
    if(checkboxes[i].type == 'checkbox'){
     checkboxes[i].style.display = 'inline');
    }
  }
}

函数显示复选框（）{
var复选框=document.getElementsByTagName（'输入'）
对于（var i=0；i）您的问题太模糊了。它在结尾处逐渐消失。“这可能吗？”没有明确说明代码出了什么问题。此外，语句“一旦他们选择框并按submit，我将处理数据，但我还想隐藏复选框。”与上面解释的内容不相关。这是因为幕后有ajax吗？否则，文章将刷新或重定向页面。总体而言，您需要编辑此问题，以便无需大量猜测即可回答。基本上，是否有方法在用户提交后隐藏html表单/输入？还有，是否有方法隐藏它直到他们选择填写表单，在本例中，表单是一个复选框输入表。
<input type="button" value="Customize" onclick="showCheckboxes()"/>

function showCheckboxes(){
  var checkboxes = document.getElementsByTagName('input')
  for(var i=0; i<checkboxes.length; i++){
    if(checkboxes[i].type == 'checkbox'){
     checkboxes[i].style.display = 'inline');
    }
  }
}

<form onsubmit="hideCheckboxes(); return true;">