Toggle multiple Checkbox at once

I have these checkboxs:

'<input type="checkbox" name="checkBox1" value="checked" class= "toggleable">'; 
'<input type="checkbox" name="checkBox2" value="checked" class= "toggleable">'; 
'<input type="checkbox" name="checkBox3" value="checked" class= "toggleable">'; 

Which I can check or uncheck by clinking on them.
Now I am trying to add one more checkbox, which will check or uncheck all previous checkbox at once when clicking.

'<input type="checkbox" name="check_uncheck_all" value="false" id="id_check_uncheck_all">'

What is the JS code to execute when clicking the checkbox to check or uncheck all checkbox "toggleable" at once?