OnClick无法使用PHP创建的复选框

时间:2014-02-12 23:02:56

标签: javascript php jquery html checkbox

嗯......我不知道发生了什么事。我有这个代码正常工作,但复选框没有附加任何东西或不通知脚本真正困扰我。创建复选框的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。

4 个答案:

答案 0 :(得分:4)

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

onClick="ILike()"

答案 1 :(得分:1)

像这样改变

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>';

答案 2 :(得分:1)

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

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

答案 3 :(得分:0)

输入元素中的语法不正确。正确的是:

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

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

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

当然,您需要在每个将调用函数

的复选框中放入一个名为checkboxILike的类