OnClick 不适用于 PHP 创建的复选框答案

【问题标题】：OnClick is not working with checkbox created by PHPOnClick 不适用于 PHP 创建的复选框
【发布时间】：2014-02-12 23:02:55
【问题描述】：

嗯...我不知道发生了什么事。我有这个正常工作的代码，但复选框没有附加任何内容或没有通知让我感到困惑的脚本。创建复选框的php代码是：

echo '<div id ="school_content"><h3>School</h3>';
    while($row = mysqli_fetch_array($result))
   {
    echo '<p><input type="checkbox" onClick="ILike()" />'.$row["School"].'</p>';
   }
   echo '</div>';

这是纯 HTML 文件：

<div id="container" class="row">
        <div id="School" class="col"></div>
     <div id="Department" class="col"></div>
        <div id="Level" class="col"></div>
        <div id="Source" class="col"></div>
        <div id="Coding" class="col"></div>
    </div>
    <input type='submit' value='Show Result' id='result' onClick=""/>
    <div id="dump_here">The dumping area:</div>

这是附加的 javascript 代码。我不知道为什么这不起作用：

 $('#dump_here').append("test");

        function ILike(){
                $('#dump_here').append("test");
        }

感觉真的很奇怪。第一行工作正常。顺便说一句...该函数包含在准备好的文档中，但是将其放在准备好的文档之外是行不通的。

jQuery 导入正确，因为我也在那里使用 AJAX。

【问题讨论】：

标签： javascript php jquery html checkbox

【解决方案1】：

onClick("ILike()") 不是正确的语法。应该是：

onClick="ILike()"

【讨论】：

@Gempio 那么你错过了我们在代码中没有看到的东西。它工作正常jsfiddle.net/8k5fE
我错过的是，在 PHP 运行之前，代码实际上需要在文档之外准备好。现在工作得很好，我真的很高兴 :D 感谢您纠正我的 onclick :)

【解决方案2】：

改成这样

echo '<div id ="school_content"><h3>School</h3>';
    while($row = mysqli_fetch_array($result))
   {
    echo '<p><input type="checkbox" onclick="ILike()" />'.$row["School"].'</p>';
   }
   echo '</div>';

【讨论】：

【解决方案3】：

这是不正确的onClick("ILike()")

正确的方法是点击onClick="ILike();"

【讨论】：

【解决方案4】：

您在输入元素中的语法不正确。正确的是：

<input type="checkbox" onclick="ILike()" />

您可以使用浏览器控制台查找类似的问题，这对您有很大帮助 :D 另外，我建议您将 javascript 代码放在 HTML 文档的头部：

<head>
    <script type="text/javascript">
        $().ready(function(){
            $(".checkboxILike").click(function(){
                ILike();
            });
        });
    </script>
</head>

当然，您需要在每个调用该函数的复选框中放置一个名为 checkboxILike 的类

【讨论】：

您也可以使用.click(ILike); 来避免将函数包装在函数中。