On a button click, I have a form that shows and hides when the close button is clicked. Inside the form, there is an HTML checkbox. When I check the checkbox, then close the form and reopen it by clicking the button again, the checkbox remains checked, which is not the behavior I want. It should be unchecked (false) as soon as the form hides. .aspx code
</div>
<label><input type="checkbox" name="Checkboxemail" id="ChkEmail" style="margin-right: 9px;" value="FALSE" />I wish to be contacted regarding my feedback</label>
</div>
<a href="javascript:void(0);" class="close-feedback" onclick="FeedBackClose();"><i class="fa fa-times-circle"></i></a>
function FeedBackClose() {
debugger;
$("#commentTextArea").val("");
$("#TopicSelect").prop("selectedIndex", 0);
$(".rating input:radio").removeAttr('disabled');
$("#<%= TenantMaster_FeedbackSubmitButton.ClientID %>").removeAttr('disabled');
$("#TopicSelect").removeAttr('disabled');
$("#commentTextArea").removeAttr('disabled');
$(".rating input:radio").removeAttr('disabled');
$('#TopicSelect').parents(".form-group").removeClass("has-error");
$('#commentTextArea').parents(".form-group").removeClass("has-error");
$(".close-feedback").show();
$("div.slideFeedback").show().stop().animate({
"top": "-100%"
}, 2000);
$("html, body").removeClass("hide-body-scroll");
$("#wrapper").css("overflow", "auto");
$(".mask").remove();
};
Form UI screenshot.