Javascript 为什么我的更改复选框不起作用（AJAX）
这就是我的razor代码的样子Javascript 为什么我的更改复选框不起作用（AJAX）,javascript,ajax,asp.net-mvc,razor,Javascript,Ajax,Asp.net Mvc,Razor,这就是我的razor代码的样子 <form asp-action="Save" asp-controller="ClassesHeld" method="post"> <input asp-for="ClassHeldId" value="@Model.ClassHeldId" hidden /> <div class="form-group"> <label>Student</label>
<form asp-action="Save" asp-controller="ClassesHeld" method="post">
<input asp-for="ClassHeldId" value="@Model.ClassHeldId" hidden />
<div class="form-group">
<label>Student</label>
<input asp-for="@Model.Student" value="@Model.Student" class="form-control" readonly />
</div>
<div class="form-group">
<label>Grade</label>
<input id="Grade"asp-for="Grade" type="number" value="@Model.Grade" class="form-control" min="0" max="5" />
</div>
<div class="form-group">
<label>Attendance</label>
<input id="Attendance" class="form-check-input" asp-for="Attendance" type="checkbox"/>
</div>
<button class="btn btn-primary" type="submit" value="Save">Save</button>
</form>
<script>
$("#Attendance").on("change", function () {
$("#Grade").attr("disabled", this.checked);
});
</script>
因此，目标是在选中“考勤”复选框时禁用输入字段我认为您实际上需要在不需要时删除禁用属性。也许可以尝试以下操作：
$(document).ready(function() {
$("#Attendance").on("change", function () {
if (this.checked) {
$("#Grade").attr("disabled", true);
} else {
$("#Grade").removeAttr("disabled");
}
});
});
我认为当您不需要禁用属性时，实际上需要将其删除。也许可以尝试以下方法：
$(document).ready(function() {
$("#Attendance").on("change", function () {
if (this.checked) {
$("#Grade").attr("disabled", true);
} else {
$("#Grade").removeAttr("disabled");
}
});
});
$（“#出席”）。关于（“更改”，函数（）{
$（“#等级”）.prop（“已禁用”，此项已选中）
})；
大学生
等级
出席
拯救
$（“#出席”）。关于（“更改”，函数（）{
$（“#等级”）.prop（“已禁用”，此项已选中）
})；
大学生
等级
出席
拯救