Javascript函数在复选框的onclick上不起作用答案

【问题标题】：Javascript function does not work on onclick of checkboxJavascript函数在复选框的onclick上不起作用
【发布时间】：2018-09-16 23:42:43
【问题描述】：

我尝试通过复选框的 onclick 属性调用 Javascript 函数。

如果选中第一个复选框等，js 应该显示另一个复选框。

现在该功能无法正常工作。我尝试仅使用 alert() 进行测试，但没有任何结果...

  Fitness:<input type="checkbox" id="fitnessCheck" onclick="checkFunction()">
    Beauty:<input type="checkbox" id="beautyCheck">
    Streetwear:<input type="checkbox" id="streetwearCheck">
    Luxus:<input type="checkbox" id="luxusCheck" onClick="checkFunction()">

Datenschutz: <input style="display:none" type="checkbox"  id="datenschutzCheck">
<script>
checkFunction(){
//get Checkboxes
var fitnessCheckbox = document.getElementById("fitnessCheck");
var beautyCheckbox = document.getElementById("beautyCheck");
var streetwearCheckbox = document.getElementById("streetwearCheck");
var luxusCheckbox = document.getElementById("luxusCheck");
var datenschutzCheckbox = document.getElementById("datenschutzCheck");

if(fitnessCheckbox.checked == true || beautyCheckbox.checked == true || streetwearCheckbox.checked == true || luxusCheckbox.checked == true){
    datenschutzCheckbox.style.display ="block"; 
}
}</script>

【问题讨论】：

如果您不使用 typescript 或 es6，您似乎缺少 function 关键字
是的，缺少function关键字。

标签： javascript function checkbox onclick

【解决方案1】：

您必须声明函数 checkFunction()。您可以通过多种方式做到这一点，例如：

function checkFunction() {
// code here
}

或

var checkFunction = function() {
// code here
}

等等，这取决于您将如何使用该功能。

【讨论】：

【解决方案2】：

这是在 JavaScript 中定义函数的方法。更正您的功能如下；

function checkFunction(){
}

或者，从 HTML 中删除 onclick 属性并将其放入下面定义的 JavaScript 中

var fitnessCheckbox = document.getElementById("fitnessCheck");
fitnessCheckbox.onclick() = function() {
// access properties using this keyword
if ( this.checked ) {
    // if checked ...
    alert( this.value );
} else {
    // if not checked ...
}

【讨论】：