javascript 复选框换行

标签 javascript list checkbox

我正在尝试做一个学校项目。我必须列出一个列表,单击复选框后应该将其划掉。我还不知道 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”

关于javascript 复选框换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42981214/

相关文章:

javascript - 使用 JavaScript 的浏览器密码主页

java Array 赋值比 List.add() 慢

python - 我有一个单词列表。我想添加一个与每个单词关联的计数器变量。我该怎么做呢?

javascript - 如何制作 'checked' 复选框,无法取消选中

php - 如果checkbox发生变化,使用jquery调用php

c# - DataGridView 中的复选框未触发 CellValueChanged 事件

javascript - 在 for 循环中使用异步函数的正确方法

javascript - 为什么使用集群时单击事件上的传单标记不起作用?

javascript - 没有 JS 的 CSS 默认选择

python - 对整数和字符串的混合列表进行排序