First of all, thank you for your help. I'm pretty new.
This should be super simple but I've spent hours trying to figure this out. I have a form in my view. The form is populating everything correctly - except for the checkbox. I've researched and researched and tried a lot of different suggestions online. No matter what I try, the form sets the same value for checked and unchecked.
View:
<div class="checkbox">
<label><input id="lunch45" type="checkbox" value="true">45 minute lunch</label>
</div>
Jquery:
<script>
$(document).ready(function () {
$("#Lunchsubmit-form").click(function () {
var model = {};
model.EmployeeID = Number($("#lunchemployeeId").val());
model.LunchTime = Date($('#lunchtimeId').val());
model.PositionID = Number($("#lunchposition").val());
model.LongerLunch = Boolean($('#lunch45').val());
console.log("model", model);
$.ajax({
type: "HttpPost",
url: "/Home/CreateLunch",
dataType: 'json',
data: JSON.stringify(model),
contentType: "application/json; charset=utf-8",
success: function (data) {
if (data.success)
window.location.href = "/Home/Index";
else
alert("Error: Lunch not submitted");
},
error: function () {
alert("Error: Lunch not submitted");
}
});
});
});
</script>
Model:
public class Lunch
{
public int LunchID { get; set; }
public int EmployeeID { get; set; }
public DateTime LunchTime { get; set; }
public int? PositionID { get; set; }
public bool LongerLunch { get; set; }
public virtual Employee Employee { get; set; }
public virtual Position Position { get; set; }
}
Thanks again. I know how simple this should be but nothing's working.
Aucun commentaire:
Enregistrer un commentaire