Javascript function does not work on onclick of checkbox

Question

I try to call a Javascript function through an onclick attribute of a checkbox.

The js should show another checkbox if the first one is checked etc.

Now the function isnt working. I tried to use just an alert() for testing without any result...

  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>

It seems you are missing the function keyword if you are not using typescript or es6 — brk
– brk, Commented Sep 16, 2018 at 14:42

Afron Orana · Accepted Answer · 2018-09-16 14:56:47Z

1

You have to declare the function checkFunction(). You can do it in many ways such as:

function checkFunction() {
// code here
}

or

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

etc, depending on how you are going to use the function.

answered Sep 16, 2018 at 14:56

Afron Orana

6356 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Show Young Soyinka · Accepted Answer · 2018-09-16 15:29:34Z

0

This is how to define a function in JavaScript. Correct your function as below;

function checkFunction(){
}

Alternatively, remove the onclick attribute from HTML and put it in the JavaScript as defined below

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 ...
}

edited Sep 16, 2018 at 15:29

answered Sep 16, 2018 at 14:59

Show Young Soyinka

5523 silver badges14 bronze badges

Collectives™ on Stack Overflow

Javascript function does not work on onclick of checkbox

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related