javascript - 切换复选框

Question

我有 4 个复选框，我希望切换它们(选中或未选中)，无论它们处于什么状态，它们都应该相同。到目前为止我有这个:

var toggle_click = false;

function check_them(element){

    if(toggle_click){
        $('#'+element+'_1').attr('checked', true);
        $('#'+element+'_2').attr('checked', true);
        $('#'+element+'_3').attr('checked', true);
        $('#'+element+'_4').attr('checked', true);
    }

    if(!toggle_click){
        $('#'+element+'_1').attr('checked', false);
        $('#'+element+'_2').attr('checked', false);
        $('#'+element+'_3').attr('checked', false);
        $('#'+element+'_4').attr('checked', false);
    }

    if(!toggle_click){ toggle_click = true;   }
    if(toggle_click) { toggle_click = false;  }
}

在页面加载时，一些复选框可能被选中或未被选中 - 但是一旦我单击链接并运行此功能，我希望这些复选框全部进入相同状态。

当我尝试上面的操作时，它似乎并没有勾选方框，有时它会全部勾选，再次运行这个函数什么也没做。到底是怎么回事？我被剥夺了咖啡和困惑!

应该使用复选框组还是什么？

感谢大家的帮助

Answer 1

........

var isChecked = false;

function check_them(element){

    if(isChecked === false) {
        $('#'+element+'_1').attr('checked', true);
        $('#'+element+'_2').attr('checked', true);
        $('#'+element+'_3').attr('checked', true);
        $('#'+element+'_4').attr('checked', true);
        isChecked = true;
    }
    else
    {
        $('#'+element+'_1').attr('checked', false);
        $('#'+element+'_2').attr('checked', false);
        $('#'+element+'_3').attr('checked', false);
        $('#'+element+'_4').attr('checked', false);
        isChecked = false;
    }
}