我正在尝试做一个学校项目。我必须做一个清单,单击复选框后应该划掉它。我还不了解Javascript,但我仍在设法弄清楚它。我想知道为什么这不起作用。



function  crossout(id) {
  var box = document.getElementById(id);
  box.style = "text-decoration: line-through";
}

  <body>
    <h1>Hello World!</h1>
    <h3>Shopping List</h3>
    <p id="box1">
      <input type="checkbox" onclick="crossout"("box1") />
      Banana
    </p>
    <p id="box2">
      <input type="checkbox" onclick="crossout"("box2") />
      Noodles
    </p>
    <p id="box3">
      <input type="checkbox" onclick="crossout"("box3") />
      Eggs
    </p>

    <script src="app.js" charset="utf-8"></script>
  </body>

最佳答案

您的复选框中有错别字:

onclick="crossout"("box1")


应该是:

onclick="crossout('box1')"


您原来的方式仅将onclick设置为"crossout"

07-27 16:51