加载时隐藏的复选框不会发布

Question

我在提交页面加载时隐藏的复选框时遇到问题。

我有一个很大的表格，我已经拆分成几个街区。所有这些都在加载时隐藏，当用户选择特定类型的设备时，我只显示一个包含特定设备类型输入的块。

提交包含复选框的输入块时会出现问题。所有其他输入（文本，下拉菜单......）提交正常，但复选框不提交任何内容。

我删除了隐藏块的CSS类，然后尝试提交（因此整个表单在加载时可见），并且复选框在这种情况下工作。

那么......我怎么才能让它发挥作用呢？我知道复选框作为HTML元素如果没有被选中则不会发布任何内容，但如果它们在加载时不存在则我不知道这个“功能”。

我正在使用codeigniter btw，只是一个普通的POST - 没有ajax。

Answer 1

脏css技巧：

.checkbox-test{
   clip: rect(1px, 1px, 1px, 1px);
   /*Put it outside of the screen ?
   position: absolute;
   top: -9001;
   */
}

它只是创建一个1像素的掩码，该复选框仍可供浏览器访问，但要小到可以看到