Question

我正在制作“您应该学习哪种语言”的网站，但更为复杂我不知道为什么，但是当我选中我的复选框时，它们并没有变成真的，但是当我现在重新加载页面时，它们就是真的

if (document.getElementById("langage1").checked) {
   html = true;
}
if (document.getElementById("langage2").checked) {
   phpmysql = true;
}
if (document.getElementById("langage3").checked) {
   js = true;
} 
if (document.getElementById("langage4").checked) {
   python = true;
}
if (document.getElementById("langage5").checked) {
   java = true;
}
if (document.getElementById("langage6").checked) {
   swift = true;
}
if (document.getElementById("langage7").checked) {
   batch = true;
}
if (document.getElementById("langage8").checked) {
   jquery = true;
}
if (document.getElementById("langage9").checked) {
   c = true;
}
if (document.getElementById("langage10").checked) {
   cplus = true;
}
if (document.getElementById("langage11").checked) {
   objectivec = true;
}
if (document.getElementById("langage12").checked) {
   cdiaise = true;
}
if (document.getElementById("langage13").checked) {
   construct = true;
}
if (document.getElementById("langage14").checked) {
   wordpress = true;
}
if (document.getElementById("langage15").checked) {
   unity = true;
}
if (document.getElementById("langage16").checked) {
   gamemaker = true;
}
if (document.getElementById("langage17").checked) {
   unreal = true;
}   
if (document.getElementById("langage1").checked === false) {
   html = false;
}
if (document.getElementById("langage2").checked === false) {
   phpmysql = false;
}

以下是应该使它们正确的命令示例，您知道如何解决吗？

Answer 1

您必须添加事件监听器

document.getElementById("langage1").addEventListener("click", myFunction);

// example function
function myFunction() {
  document.getElementById("langage1").innerHTML = "YOU CLICKED ME!";
}

通过这种方式，您告诉javascript当您执行某项操作时会触发，在此过程中，请单击一下。因此，每次点击复选框myFunction()都会触发

选中复选框后如何使复选框为真/假

1 个答案: