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

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

如何改善我的代码(避免使用过多的“if”):

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');
}

最佳答案

使用数组:

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