$("#check").change(function ()
{
if($("#check").is(":checked"))
{
alert("곡선그리기 가능!");
$(canvas).on({
 mousedown: function (event) {
 var position = $(this).offset();
 var x = event.pageX - position.left;
 var y = event.pageY - position.top;
 context.beginPath();
 context.moveTo(x, y);
 },
 mouseup: function (event) {
 var position = $(this).offset();
 var x = event.pageX - position.left;
 var y = event.pageY - position.top;
 context.lineTo(x, y);
 context.stroke();
 },
 mousemove: function (event) {
 var position = $(this).offset();
 var x = event.pageX - position.left;
 var y = event.pageY - position.top;
 context.lineTo(x,y);
 }
});
}
else
{
alert("직선그리기 모드");
$(canvas).on({
 mousedown: function (event) {
 var position = $(this).offset();
 var x = event.pageX - position.left;
 var y = event.pageY - position.top;
 context.beginPath();
 context.moveTo(x, y);
 },
 mouseup: function (event) {
 var position = $(this).offset();
 var x = event.pageX - position.left;
 var y = event.pageY - position.top;
 context.lineTo(x, y);
 context.stroke();
 }
});
}
});
});

 

맨 윗부분에서

 

체크박스가 체크상태면 if문 실행하고 체크상태가 아니면 else를 실행하기 위해 짜봤는데

 

해당 메시지만 출력되고 체크상태든 아니든 둘 다 똑같은 조건으로 실행이 되네요... 문제가 있나요?