Javascript jquery如果单击按钮，则执行此操作，否则执行其他操作

嗨，我很难让它工作

我使用cropbox上传用户徽标。当他们编辑他们的详细信息时，如果他们不再单击“裁剪”，图像将不会保存，并用损坏的版本覆盖现有文件。我想知道用户是否再次单击了裁剪，如果单击了裁剪，新图像将被保存，如果不是现有图像（从数据库拖动的图像将保存在表单提交上）

我有这个代码来裁剪图像

<script type="text/javascript">
$(window).load(function() {
    var options =
    {
        thumbBox: '.thumbBox',
        spinner: '.spinner',
        imgSrc: 'exhibitorlist/%%GLOBAL_logo%%'
    }
    var cropper = $('.imageBox').cropbox(options);
    $('#file').on('change', function(){
        var reader = new FileReader();
        reader.onload = function(e) {
            options.imgSrc = e.target.result;
            cropper = $('.imageBox').cropbox(options);

        }
        reader.readAsDataURL(this.files[0]);
        this.files = [];
    })
    $('#btnCrop').on('click', function(){
        var img = cropper.getDataURL();
        $('.cropped').append('<input name="img" type="hidden" value="'+img+'">');
        $('.croppedsucess').append('<img src="%%GLOBAL_IMG_PATH%%/sucesscrop.png">');
    })
    $('#btnZoomIn').on('click', function(){
        cropper.zoomIn();
    })
    $('#btnZoomOut').on('click', function(){
        cropper.zoomOut();
    })
});

$（窗口）。加载（函数（）{
var期权=
{
thumbBox:“.thumbBox”，
微调器：'.spinner'，
imgSrc:“参展商名单/%%%全球_标志%%”
}
var croper=$（'.imageBox'）.cropbox（选项）；
$（'#file'）。在（'change'，function（）上{
var reader=new FileReader（）；
reader.onload=函数（e）{
options.imgSrc=e.target.result；
裁剪器=$（'.imageBox'）.cropbox（选项）；
}
reader.readAsDataURL（this.files[0]）；
this.files=[]；
})
$（'btnCrop'）。在（'click'，function（）上{
var img=crapper.getDataURL（）；
$（'.crapped'）。追加（''）；
$（'.croppedsucess'）。追加（''）；
})
$（'btnZoomIn'）。在（'click'，function（）上{
crapper.zoomIn（）；
})
$（'btnZoomOut'）。在（'click'，function（）上{
cropper.zoomOut（）；
})
});

这一点

$('#btnCrop').on('click', function(){
    var img = cropper.getDataURL();
    $('.cropped').append('<input name="img" type="hidden" value="'+img+'">');
    $('.croppedsucess').append('<img src="%%GLOBAL_IMG_PATH%%/sucesscrop.png">');
})

$（'btnCrop'）。在（'click'，function（）上{
var img=crapper.getDataURL（）；
$（'.crapped'）。追加（''）；
$（'.croppedsucess'）。追加（''）；
})

当用户单击交叉按钮（#btnCrop）时裁剪图像

如果用户没有点击裁剪按钮，我想要这个代码

 $('.cropped').append('<input name="img" type="hidden" value="'+img+'">');

$（'.crapped'）.append（''）；

拘束

 $('.cropped').append('<input name="img" type="hidden" value="another url">');

$（'.crapped'）.append（''）；

我已经试过了，但没能成功

    var isClicked = false;
$('#btnCrop').click(function () {
isClicked = true;
});

if (isClicked) {

        $('.cropped').append('<input name="img" type="hidden" value="'+img+'">');
        $('.croppedsucess').append('<img src="%%GLOBAL_IMG_PATH%%/sucesscrop.png">'); 
}     else {
$('.cropped').append('<input name="img" type="hidden" value="%%GLOBAL_logo%%">');
}

var isClicked=false；
$（'#btnCrop'）。单击（函数（）{
isClicked=true；
});
如果（已单击）{
$（'.crapped'）。追加（''）；
$（'.croppedsucess'）。追加（''）；
}否则{
$（'.crapped'）。追加（''）；
}

我对jquery不是很在行。非常感谢您的帮助。

将其设置为加载：

function checkIfClicked(){
if (isClicked) {

        $('.cropped').append('<input name="img" type="hidden" value="'+img+'">');
        $('.croppedsucess').append('<img src="%%GLOBAL_IMG_PATH%%/sucesscrop.png">'); 
}     else {
$('.cropped').append('<input name="img" type="hidden" value="%%GLOBAL_logo%%">');
}
}

$('.cropped').append('<input name="img" type="hidden" value="%%GLOBAL_logo%%">');

$('#btnCrop').on("click", function () {
 $('.cropped').append('<input name="img" type="hidden" value="'+img+'">');       
 $('.croppedsucess').append('<img src="%%GLOBAL_IMG_PATH%%/sucesscrop.png">');
});

$（'.crapped'）.append（''）；
$（'#btnCrop'）。在（“单击”，函数（）{
$（'.crapped'）。追加（''）；
$（'.croppedsucess'）。追加（''）；
});

var isClicked=false；
$（'#btnCrop'）。单击（函数（）{
如果（已单击）{
log（“您已经单击了我。”）
//提醒（“您已经单击了我。”）//
}否则{
log（“您将第一次单击我。”）
//警报（“您将第一次单击我。”）；
}
isClicked=true；
});

单击此处
$('.cropped').append('<input name="img" type="hidden" value="%%GLOBAL_logo%%">');

$('#btnCrop').on("click", function () {
 $('.cropped').append('<input name="img" type="hidden" value="'+img+'">');       
 $('.croppedsucess').append('<img src="%%GLOBAL_IMG_PATH%%/sucesscrop.png">');
});