面对单击事件的多个函数调用问题

时间:2018-06-04 08:23:57

标签: javascript jquery checkbox jquery-selectors addeventlistener

您好,我正在尝试切换复选框上的链接。可以在这里帮助我修复此代码吗



$(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>
&#13;
&#13;
&#13;

我正在使用One Onclick进行多功能调用。但每当我使用代码时,没有脚本运行或复选框被禁用。 我要做的是打开复选框选择的LED。

这里的任何人都可以帮我解决这个问题。

0 个答案:

没有答案