在检查它们之后，如何使复选框成为True/fals

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

您必须添加EventListeners

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

这样，您会告诉JavaScript在您进行此操作时开火。因此，每次单击复选框myFunction() Fires