JAVA文本框click,当点击div里面的文本框时，div onclick java脚本函数fire

我在文本框中有一个div，我使用onclick java脚本函数来改变当我点击div时的颜色。但问题是为什么onclick函数会在我点击文本框时触发？有没有解决方案来防止这个Java脚本函数失败？当点击div里面的文本框时，div onclick java脚本函数fire

@{int i=0;}

@foreach (var m in Model.JobPostSundayTimeSlotVMList)

{

var divId = "SunSlot" + i;

var checkboxId = "SunIsSelected" + i;

var bitRate = "SunRate" + i;

@Html.CheckBox("[" + i + "].SunIsSelected", m.SunIsSelected, new { @id = checkboxId, @hidden = "hidden" })

@Html.TextBox("[" + i + "].SunParttimerBidValue", "", new { @id = bitRate, @class = "form-control", @placeholder = m.SunParttimerBidValue.ToString("C2"), @style = "height:20px"})

i++;

}

function setSlotColor(divId, checkbox) {

var property = document.getElementById(divId);

if ($('#' + checkbox).prop('checked')) {

$('#' + checkbox).prop('checked', false);

property.style.backgroundColor = "white";

}

else

{

property.style.backgroundColor = "burlywood";

$('#' + checkbox).prop('checked', true);

}

}