javascript - 根据复选框点击状态更新元素

Question

我正在尝试根据是否单击复选框来显示/隐藏元素。

我怎样才能改进我的代码(避免太多的“如果”):

checkboxId= clickedcheckboxId;

if ( checkboxId== 0 ) {
    removeElements();
    $("#x1").fadeIn('fast');
}
else if ( checkboxId== 1 ) {
    removeElements();
    $("#y2").fadeIn('fast');
}
else if ( checkboxId== 2 ) {
    removeElements();
    $("#z3").fadeIn('fast');
}
else if ( checkboxId== 3 ) {
    removeElements();
    $("#w4").fadeIn('fast');
}

Answer 1

使用数组:

if (checkboxId >= 0 && checkboxId <= 3) {
  var a = ["x1", "y2", "z3", "w4"];
  removeElements();
  $("#"+a[checkboxId]).fadeIn('fast');
}