Javascript PHP或JS GET表单：如果选中复选框，如何添加字段

我有几个复选框字段的基本html表单。如果选中复选框，我想添加另一个字段，以便通过url传递添加的字段。到目前为止，我的代码仍在运行，但不起作用：

<form action="/s/mypage/" method="GET">
<input name="id1" type="checkbox" value="ime" checked/>Input 1
<input name="id11" type="checkbox" value="deinost" />Input 11
<input name="id2" type="checkbox" value="adres" />Input 2
<input name="id3" type="checkbox" value="kapital" />Input 3
<input name="id4" type="checkbox" value="upravitel" />Input 4
<input name="id5" type="checkbox" value="sobstvenik" />Input 5
<input name="id6" type="checkbox" value="drugo" />Input 6
<input name="" type="submit" value="go ahead" />

<?php
if (isset($_GET["id[1]"])) {
echo '<input type="hidden" name="do" value="12345" />';
}
?>
</form>

输入1
输入11
输入2
投入3
输入4
输入5
输入6

---

我该怎么做？不必使用php，javascript就可以了。

由于条件取决于复选框状态，您可能希望在客户端使用javascript执行此操作。一种方法是在提交表单时进行检查。如果使用jQuery，它可能看起来像这样：

$('form').submit(function() {
  if($('#id1').is(':checked')) {
    $(this).append('<input type="hidden" name="do" value="12345" />');
  }
});

$（'form'）。提交（函数（）{
如果（$（'#id1'）。是（':checked'））{
$（此）。附加（“”）；
}
});

您可以尝试以下方法：

<script>
   $(function(){
       $('input[type=checkbox]').on('click', function(){
         if( $(this).is(':checked') ){
            /// your code goes here if a checkbox checked
          }
       })
   }) 
</script>

$（函数（）{
$（'input[type=checkbox]'）。在（'click'，function（）上{
如果（$（this）.is（':checked'））{
///如果选中复选框，代码将显示在此处
}
})
}) 

早上过了哪个时段要休息
$（文档）.ready（函数（）{
$（.hiden.hide1”）.hide（）；
});
$（“#上午”）。单击（函数（）{
$（“.hiden”）.toggle（）；
});

这里的代码可以很好地满足您的需求

---

非常感谢。为什么这个&&操作符不工作？如果（$（'#id1'）.is（':checked'）&&（$（'#id2'）.is（':checked'））{$（this.append（''）}语法看起来正确。我建议您尝试

console.log（$（'#id1'）.is（':checked'）&&$（'#id2'）.is（':checked'））

并查看是否返回true。如果是这样的话，你就知道条件已经满足了。否则，请逐个检查每个元素，以尝试缩小问题范围。

<table>
<td>
<input type ="checkbox" id ="morning"> Morning</td><td class="hiden css"> After which period want break  </td>
                                    <td> <input type="text" class="hiden css" id="morning_break" pattern ="[0-9]+" name="morning_break"></td>
                  </table>
$(document).ready(function(){
        $(".hiden,.hide1").hide();
        });
   $("#morning").click(function(){
        $(".hiden").toggle();
    });