设置checkbox取消勾选之后的事件

$('#charge').on('click',function(){
    console.log($(this).is(':checked'));
    //取消所有花变灰
    if(!$(this).is(':checked')){
        $(".flower img").each(function(){
                $(this).attr("src","../images/img1.0/flower-ugly.png");//灰色的花
        });
    }     
});

参考代码
通过.flower的事件代理，来监听img上的点击事件
checkbox只处理一件事，当被选择的时候取消所有img的选择
在不选中checkbox时，取消事件监听
在选中checkbox后恢复事件监听

var $flowerImg=$(".flower img");
var imgOnClick=function(event){
    var target=event.target;
    var clickedIndex=$flowerImg.index($(target));
    if($('#charge:checked').length!=0){//判断是否选中checkbox，能选择到长度不为0，说明checkbox选中
        //当前图片之前的图片都红色
        $flowerImg.each(function(index,item){
            if(index <= clickedIndex){
                $(item).attr("src","../../images/img1.0/flower-beauty.png");
            }else{
                //之后的图片为灰色
                $(item).attr("src","../../images/img1.0/flower-ugly.png");
            }
        });
    }else{
        //图片全部为灰色
        $flowerImg.each(function(index,item){
            $(item).attr("src","../../images/img1.0/flower-ugly.png");
        });
    }

};
//默认可点击操作，checkbox为未选中
$(".flower").on('click','img',imgOnClick);

$("#charge").on("click",function(){
    if(!$(this).is(':checked')){//未被选中，全部变灰
        $flowerImg.each(function(){
            $(this).attr("src","../../images/img1.0/flower-ugly.png");
        });
        $(".flower").off('click','img',imgOnClick);

    }else{
        $(".flower").on('click','img',imgOnClick);
    }
});