您好,我正在尝试切换复选框上的链接。可以在这里帮助我修复此代码吗
$(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;
我正在使用One Onclick进行多功能调用。但每当我使用代码时,没有脚本运行或复选框被禁用。 我要做的是打开复选框选择的LED。
这里的任何人都可以帮我解决这个问题。