Checkbox toggle

by mauro_nappolini

HTML

<input type="checkbox" id="someID">
<input type="checkbox" id="some2">
<input type="checkbox" id="some3">
<input type="checkbox" id="some4">

JavaScript

const someCheckbox = document.getElementById('someID');
const someCheckboxTwo = document.getElementById('some2');
const someCheckboxThree = document.getElementById('some3');
const someCheckboxFour = document.getElementById('some4');

$('#someID').change(function(){
  if($(this).is(':checked')) {
    console.log("Checkbox one is checked - boolean value: ")
    $('#some2').prop( "checked", false );
    $('#some3').prop( "checked", false );
    $('#some4').prop( "checked", false );
  }
});

$('#some2').change(function(){
  if($(this).is(':checked')) {
    console.log("Checkbox one is checked - boolean value: ")
    $('#someID').prop( "checked", false );
    $('#some3').prop( "checked", false );
    $('#some4').prop( "checked", false );
  }
});


$('#some3').change(function(){
  if($(this).is(':checked')) {
    console.log("Checkbox one is checked - boolean value: ")
    $('#someID').prop( "checked", false );
    $('#some2').prop( "checked", false );
    $('#some4').prop( "checked", false );
  }
});



$('#some4').change(function(){
  if($(this).is(':checked')) {
    console.log("Checkbox one is checked - boolean value: ")
    $('#someID').prop( "checked", false );
    $('#some3').prop( "checked", false );
    $('#some2').prop( "checked", false );
  }
});