Javascript 请解决这个jQuery问题

我不熟悉jQuery和PHP。我自己也试过了，但不知道怎样才能低于输出。请有人调查一下好吗

我正在努力实现这一点：

http://jsfiddle.net/exttq/

我的意思是：Form1和Form2仅在之前显示，但我应该在选中或取消选中复选框后才打开或关闭它们

这个PHP函数代码有什么问题

function eshop_extras_checkout($echo){


    $echo .= '

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> 

    <script>

    $(".formGroup").hide();
    $("#chooseForm input:checkbox").on("change", function() {
        if($(this).is(":checked")) {
            $("#" + $(this).val()).show();
        }
        else {
            $("#" + $(this).val()).hide();
        }
    });
    ​
</script>';

    $echo .= '<fieldset class="eshop eshop_extra">' . "\n";


    $echo .= ' <form id="chooseForm">
        <input type="checkbox" name="form1" value="form1"> Form1<br>
        <input type="checkbox" name="form1" value="form2"> Form2<br>
    </form>

    <form id="form1" class="formGroup">
        <h2>FORM 1</h2>
        <label>Name</label><input type="text"> <br>
        <label>Address</label><input type="text">
    </form>

    <form id="form2" class="formGroup">
        <h2>FORM 2</h2>
        <label>Username</label><input type="text"> <br>
    </form>';


    $echo .= '<legend>Articles Order Form</legend>' . "\n";



    return $echo;
}

函数eshop_extras_checkout（$echo）{
$echo.='
$（“.formGroup”）.hide（）；
$（“#选择表单输入：复选框”）。打开（“更改”，函数（）{
如果（$（this）.is（“：checked”））{
$（“#”+$（this.val（））.show（）；
}
否则{
$（“#”+$（this.val（））.hide（）；
}
});
​
';
$echo.=''。\n“；
$echo.='
表格1

表格2

表格一
名称

住址
表格二
用户名

';
$echo.='物品订购单'。“\n”；
返回$echo；
}

我观察到的第一件事是，您的脚本在DOM中的HTML之前。。我建议您将其放入DOM就绪处理程序中，然后重试

<script>
  $(document).ready(function() {
       $(".formGroup").hide();
       $("body").on("change","#chooseForm input:checkbox" ,function() {
           if($(this).is(":checked")) {
                $("#" + $(this).val()).show();
            }
            else {
              $("#" + $(this).val()).hide();
           }
       });
   });
</script>'

$（文档）.ready（函数（）{
$（“.formGroup”）.hide（）；
$（“body”）。在（“更改”上，“选择表单输入：复选框”，函数（）{
如果（$（this）.is（“：checked”））{
$（“#”+$（this.val（））.show（）；
}
否则{
$（“#”+$（this.val（））.hide（）；
}
});
});
'

PHP代码的作用是什么？当您运行它时，它实际上是做什么的？另外，检查您的Javascript控制台，看看您是否有任何错误。“这个PHP函数代码中有什么错误？”您必须自己指定。如果不知道你到底想达到什么目的，我们确实无法做到这一点。请更具体一点。-1对于极其模糊的问题和通用标题。你想做什么，什么不起作用，你做了什么来试图解决这个问题？嘿，我也试过这样，但不起作用。。。我的意思是：Form1和Form2只在之前显示，但我应该在我选中或取消选中复选框后才打开或关闭它们…你能为这个例子创建一个提琴吗？也可以尝试像我为复选框所做的那样委托事件…我正在尝试实现这一点：（但尝试进入我的PHP代码）。。