Функция Javascript не работает при нажатии на флажок

Question

Я пытаюсь вызвать функцию Javascript через атрибут onclick флажка.

Для 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

Это как определить функцию в JavaScript.Исправьте свою функцию, как показано ниже;

function checkFunction(){
}

Либо удалите атрибут onclick из HTML и поместите его в 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 ...
}

Answer 2

Вы должны объявить функцию checkFunction ().Вы можете сделать это разными способами, например:

function checkFunction() {
// code here
}

или

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

и т. Д., В зависимости от того, как вы собираетесь использовать функцию.