我正在尝试做一个学校项目。我必须做一个清单,单击复选框后应该划掉它。我还不了解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"
。