Javascript功能在复选框的onclick上不起作用

Question

我尝试通过复选框的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>

Answer 1

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

function checkFunction() {
// code here
}

或

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

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