小编Jim*_*man的帖子

Javascript onchange 复选框取消

我在这里提出第一个问题,真的希望能学到很多东西。我实际上不是我初创公司的技术人员,而是因为缺乏尝试自己做事的原因:-)

\n\n

我为我的模块订单系统创建了一个 onchange 事件。当我单击该复选框时,所选模块将显示在摘要中。这有效。但是当我取消选择该复选框时,我希望该模块从摘要中消失。现在不行了。我需要在 JS 中更改什么才能做到这一点?

\n\n

复选框

\n\n
<input type="checkbox" class="custom-control-input" \n  onchange="modulecontractsSelect(this, event)">\n
Run Code Online (Sandbox Code Playgroud)\n\n

摘要

\n\n
<p id="module-contracts-summary"> </p>\n<p id="module-contracts-summary-price"> </p>\n
Run Code Online (Sandbox Code Playgroud)\n\n

JavaScript

\n\n
function modulecontractsSelect() {\n    document.getElementById("module-contracts-summary").innerHTML = "Module contractbeheer"\n    document.getElementById("module-contracts-summary-price").innerHTML = "\xe2\x82\xac5 / mnd";\n}\n
Run Code Online (Sandbox Code Playgroud)\n\n

提前致谢!

\n

html javascript checkbox events onchange

2
推荐指数
1
解决办法
134
查看次数

标签 统计

checkbox ×1

events ×1

html ×1

javascript ×1

onchange ×1