Возникновение проблем с несколькими вызовами функций при событии одного клика

Question

Здравствуйте, я пытаюсь переключить ссылки на флажок.Может кто-нибудь, где здесь, поможет мне исправить этот код

$(document).ready(function() {
  
var obj = document.createElement("audio"); 
    obj.setAttribute("src", "http://www.example.com/media/dunfieldClick.mp3");
    this.volume = 0.2;


$("label").click(function() {
  
  obj.play(); 
  $("body, section, section section, section section section, section section section p").toggleClass('on');
                            });
  }); 

function color() {
   var element = document.getElementById("myDIV");
   element.classList.toggle("green");
}

function link() {
	var checkbox = document.querySelector(".text-center p-l-60 p-t-27");
   checkbox.addEventListener( 'change', function() {
    if(this.checked) {
  
	   var url = "example.com/led/update.php?id=1&status=on";
				$.getJSON(url, function(data) {
					console.log(data);
				}
		else {
			var url = "example.com/led/update.php?id=1&status=off";
				$.getJSON(url, function(data) {
					console.log(data);
		}		
		}	
   }
});
}

function myFunction() {
	color();
	link();
}

 <form class="button-form validate-form" id="myDIV">
    <span class="button-form-logo">
        <img src="images/logo.png" alt="logo"></i>
    </span>
    <span class="button-form-title p-b-34 p-t-27">
        You are login successfully!
    </span>
    <div class="text-center p-l-60 p-t-27">
        
        <input type="checkbox" id="myCheck"  onclick="myFunction();">
        <p id="text" style="display:none">LED is ON</p>
        
    </div>
</form>

Я использую множественные функциональные вызовы с одним щелчком мыши.Но всякий раз, когда я использую код, сценарий не запускается или флажок отключается.то, что я пытаюсь сделать, это выключить индикатор при выборе флажка.

Может ли кто-нибудь здесь помочь мне с этим кодом.