Javascript函数调用不当（参数问题）

Question

我正在尝试在 div 中使用 PHP 来回显一些 HTML。一切正常，直到我尝试将参数传递给 onclick=\"loadpuzzle()\" 函数。当我尝试 onclick=\"loadpuzzle(4)\" 并且函数获取参数并正常执行时它运行良好，但我需要将 $row['puzzlename'] 中的值作为参数传递，我假设是一个字符串（所以我用引号括起来）。

echo "<td><input id=\"".$row['puzzlename']."\" type=\"radio\" name=\"puzzle-set\"     class=\"puzzle_selector\"  onclick=\"loadpuzzle(\"".$row['puzzlename']."\")\"/>  
        <label for=\"".$row['puzzlename']."\" class=\"puzz_label\">".$row['puzzlename']."</label></td>";

当我尝试运行它时，我在 Safari 中遇到了一个奇怪的错误。 “意外的令牌：'}'”。

有谁知道我在这里做错了什么？为什么不带这个参数？

谢谢！

Answer 1

您可以尝试像您所做的那样转义所有双引号，或者可能切换到单引号以提高可读性。

echo '<td><input id="' . $row['puzzlename'] . '" type="radio" name="puzzle-set" class="puzzle_selector" onclick="loadpuzzle(\'' . $row['puzzlename'] . '\')"/>
      <label for="' . $row['puzzlename'] . '" class="puzz_label">' . $row['puzzlename'] . '</label></td>';

Answer 2

echo "<td><input id=\"".$row['puzzlename']."\" type=\"radio\" name=\"puzzle-set\"         class=\"puzzle_selector\"  onclick=\"loadpuzzle(\"".$row['puzzlename']."\")\"/>  
<label for=\"".$row['puzzlename']."\" class=\"puzz_label\">".$row['puzzlename']."</label></td>";

由于您使用的是 onclick=\"loadpuzzle(\"".$row['puzzlename']."\") ，它将呈现为 onclick="loadpuzzle("puzzlename")"。 不要使用双引号发送参数，而是使用单引号。

Answer 3

函数参数的第一个双引号实际上是关闭 onclick 定义的开始双引号。像这样使用单引号：

echo "<td><input id=\"".$row['puzzlename']."\" type=\"radio\" name=\"puzzle-set\" class=\"puzzle_selector\"  onclick=\"loadpuzzle('".$row['puzzlename']."')\" /><label for=\"".$row['puzzlename']."\" class=\"puzz_label\">".$row['puzzlename']."</label></td>";

我还会考虑重写整个输出以减少转义。它变得越来越难以阅读，并且ahem 容易出错。