<script>
    <!-- js监测checkbox是否被选中 -->
    function checkbox()
    {
        $("input[type='checkbox']").each(function(){
            if($(this).is(":checked")){
                alert($(this).val());
                $(this).parent().removeClass('active');
            }
        });
    }
</script>

可以用jquery方便简单，减少代码

原生的javascript有点麻烦，我用jquery实现了。既然checkbox选中状态为checkbox父元素添加了一个active class，那就判断checkbox父元素是否有active class。恢复checkbox选中状态就是删除所有checkbox父元素的active class。

<script>
    <!-- js监测checkbox是否被选中 -->
    function checkbox()
    {
        if ($("#checkbox1").parent().is('.active')) {
            alert($("#checkbox1").val());
        }
        if ($("#checkbox2").parent().is('.active')) {
            alert($("#checkbox2").val());
        }
        if ($("#checkbox3").parent().is('.active')) {
            alert($("#checkbox3").val());
        }
        if ($("#checkbox4").parent().is('.active')) {
            alert($("#checkbox4").val());
        }
        //点击确认按钮后（或者点击下一页后）让所有按钮恢复初始状态
        $("#checkbox1").parent().removeClass('active');
        $("#checkbox2").parent().removeClass('active');
        $("#checkbox3").parent().removeClass('active');
        $("#checkbox4").parent().removeClass('active');
    }
</script>

for(var i=0;i<label.length;i++){

label[i].onclick=function(){
    change(this);//获取选中项
}

}
function change(obj){

for(var i=0;i<label.length;i++){
    if(label[i]==obj){
        label[i].className="btn btn-primary active";
    }else{
        label[i].className="btn btn-primary";
    }
}

}