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
}

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