jquery - each() 切换复选框 append 此值 else if 语句在 jQuery

Question

var CheckFUN = function() {
    var numberCheckedVAR = $('input:checkbox:checked').length;
    $('#checkMonitorNUMBER').text(numberCheckedVAR);

    var $checkMonitor = $('#checkMonitor').empty();
    $('.GruppoCheck :checkbox:checked').each(function() {
        if(numberCheckedVAR <= 1){
            $checkMonitor.append('<span>#' + $(this).val() + '#</span>');
        }
        else if(numberCheckedVAR >= 2){
            $checkMonitor.append('<span>@' + $(this).val() + '@</span>');
        }
    });
}

$('.GruppoCheck input[type="checkbox"]').change(function(){
    CheckFUN();
});

如果我切换序列，现在它无法正常工作:

@aaaaaaa@@bbbbbbb@@ccccccc@

我只需要第一次切换复选框时，只有第一个元素有 # ，我想要的结果是这样的:

#aaaaaaa#@bbbbbbb@@ccccccc@

DEMO .

Answer 1

var CheckFUN = function() {
    var numberCheckedVAR = $('input:checkbox:checked').length;
    $('#checkMonitorNUMBER').text(numberCheckedVAR);

    var $checkMonitor = $('#checkMonitor').empty();
    $('.GruppoCheck :checkbox:checked').each(function(index) {
        if(index == 0){
            $checkMonitor.append('<span>#' + $(this).val() + '#</span>');
        }
        else{
            $checkMonitor.append('<span>@' + $(this).val() + '@</span>');
        }
    });
}


$('.GruppoCheck input[type="checkbox"]').change(function(){
    CheckFUN();
});

演示:

http://jsfiddle.net/cqvt8/