将两个功能结合在一起，使两者都能工作

Question

我正在尝试将两个功能组合在一起，以便它们同时进行。我该怎么做？

这里是 JavaScript：

function showTicks()
{
    if (chooseShield.value == ("ely"))
    {
        document.getElementById("cb1").disabled=false;
        document.getElementById("cb2").disabled=false;
        document.getElementById("cb3").disabled=false;
        document.getElementById("cb4").disabled=false;
        document.getElementById("cb5").disabled=true;
        document.getElementById("cb6").disabled=true;
        document.getElementById("cb7").disabled=true;
        document.getElementById("cb8").disabled=true;
        document.getElementById("cb9").disabled=true;   
    }
}

function checkchecks() 
{
    if(likeShield.value == ("noShield") && chooseShield.value == ("ely") && (cb3.checked   == true || cb4.checked == true))
    {
        document.getElementById("cb2").checked=true;
    }

    likeShield.onchange=checkchecks
    chooseShield.onchange=checkchecks
    cb3.onchange=checkchecks
    cb4.onchange=checkchecks
}

  function doBoth() {
  checkAll();
  checkchecks();
}
likeShield.onchange=doBoth;
chooseShie;d.onchange=doBoth;
cb3.onchange=doBoth;
cb4.onchange=doBoth;

第一个函数禁用除 1、2、3 和 4 之外的所有复选框。第二个函数应该允许用户单击 3 或 4，这将自动选中复选框 2。但只有第二个函数有效，第一个函数是忽略。 html中的onchange = "showTicks()"。

Answer 1

你可以这样做：

var doBoth = function(){
      showTicks();
      checkchecks();
};
likeShield.onchange=doBoth;
chooseShield.onchange=doBoth;
cb3.onchange=doBoth;
cb4.onchange=doBoth;

另一种选择是使用 addEventListener ：

likeShield.addEventListener('change', showTicks);
likeShield.addEventListener('change', checkchecks);

但在你的情况下会更冗长。

当然，如果你的两个函数没有其他用途，最简单的方法是将 showTicks 函数的代码放入 checkchecks 函数中。

另外，不要忘记确保定义了像 chooseShield 这样的变量。以下是定义变量的方法：

var chooseShield = document.getElementById('chooseShield');
var likeShield = document.getElementById('likeShield');
for (var i=1; i<10; i++) window['cb'+i]=document.getElementById('cb'+i);

DEMONSTRATION