我想知道我弄错了哪里。当我单击复选框并选择“是”选项时，没有任何反应，我控制台模式我得到这种错误
function warning() {
var Paid = parseFloat(document.getElementById("paid").value);
var Total = parseFloat(document.getElementById('Total').value);
if (Paid > Total) {
document.getElementById('warning').style.display = 'block';
}
else document.getElementById('warning').style.display = 'none';
}
window.onload = function () {
LoadList();
TotalToPay();
};
错误在于：
未捕获的TypeError：无法读取null的属性“value” 在警告（CreateManually：1377） 在TotalToPay（CreateManually：1372） 在window.onload（CreateManually：1387）
<div class="form-group">
@Html.LabelFor(model => model.Chapel, htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-9">
<label class="radio-inline">
@Html.RadioButtonFor(model => model.Chapel, "Yes", new { @class = "styled", htmlAttributes = new { @checked = "true" } })
Yes
</label>
<label class="radio-inline">
@Html.RadioButtonFor(model => model.Chapel, "No", new { @class = "styled", htmlAttributes = new { @checked = "true" } })
No
</label>
@Html.ValidationMessageFor(model => model.Chapel, "", new { @class = "text-danger" })
</div>
</div>
</fieldset>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="panel panel-flat">
<div class="panel-heading">
<p class="text-bold">EVENT DATE, ROOMS AND TIME</p>
<div class="heading-elements">
<a id="btnCalendar" class="btn border-teal text-teal-300 btn-xs"><i class="icon-calendar position-left"></i>View Calendar</a>
</div>
</div>
<div class="panel-body">
<fieldset class="content-group">
<div class="form-group hidden">
<label class="col-lg-3 control-label">contract id:</label>
<div class="col-lg-9">
<div class="col-md-12">
<input type="text" class="form-control" id="contractId" />
</div>
</div>
</div>
<div class="form-group">
<label class="col-lg-3 control-label">Choose Date and Time</label>
<div class="col-lg-9">
<div class="row">
<div class="col-md-4">
@Html.EditorFor(model => model.Date, new { htmlAttributes = new { @class = "form-control pickadate-format picker__input", @placeholder = "Date", @id = "date", onchange = "dateValidation()" } })
<label class="validation-error-label" id="valDate"></label>
@Html.ValidationMessageFor(model => model.Date, "", new { @class = "text-danger" })
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon"><i class="icon-alarm"></i></span>
@Html.EditorFor(model => model.TimeFrom, new { htmlAttributes = new { @class = "form-control pickatime picker__input", @placeholder = "Time From", @id = "TimeFrom", onchange = "vrijeme()" } })
</div>
<label class="validation-error-label" id="valTime"></label>
@Html.ValidationMessageFor(model => model.TimeFrom, "", new { @class = "text-danger" })
</div>
<div class="col-md-4">
<div class="input-group">
<span class="input-group-addon"><i class="icon-alarm"></i></span>
@Html.EditorFor(model => model.TimeTo, new { htmlAttributes = new { @class = "form-control pickatime picker__input", @placeholder = "Time To", @id = "TimeTo", onchange = "vrijeme()" } })
</div>
<label class="validation-error-label" id="valTimeTo"></label>
@Html.ValidationMessageFor(model => model.TimeTo, "", new { @class = "text-danger" })
</div>
</div>
</div>
</div>
HTML代码的第二部分
<div class="form-group">
@Html.LabelFor(model => model.AdministrativeFeePercent, "Administrative Fee", htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-9">
<div class="input-group">
<span class="input-group-addon">%</span>
@Html.EditorFor(model => model.AdministrativeFeePercent, new { htmlAttributes = new { @class = "form-control", @id = "AdminFee", oninput = "TotalToPay();" } })
</div>
@Html.ValidationMessageFor(model => model.AdministrativeFeePercent, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.SalesTax, "Sales Tax", htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-9">
<div class="input-group">
<span class="input-group-addon">%</span>
@Html.EditorFor(model => model.SalesTax, new { htmlAttributes = new { @class = "form-control", @id = "SalesTax", oninput = "TotalToPay();"} })
</div>
@Html.ValidationMessageFor(model => model.SalesTax, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(model => model.TotalBudget, "Total", htmlAttributes: new { @class = "control-label col-md-3" })
<div class="col-md-9">
<div class="input-group">
<span class="input-group-addon">$</span>
@Html.EditorFor(model => model.TotalBudget, new { htmlAttributes = new { @class = "form-control", oninput = "TotalToPay();", @id = "Total" } })
</div>
@Html.ValidationMessageFor(model => model.TotalBudget, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<label class="col-md-3 control-label">Initial Deposit</label>
<div class="col-md-9">
<div class="input-group">
<span class="input-group-addon">$</span>
@Html.EditorFor(model => model.Deposits, new { htmlAttributes = new { @class = "form-control", @id = "depositReceived", @min = "500" } })
</div>
@Html.ValidationMessageFor(model => model.Deposits, "", new { @class = "text-danger" })
</div>
</div>