这是我的代码
@Html.DropDownListFor(z => z.SelectedReportId, new SelectList(Model.ReportTypes, "Value", "Text", Model.SelectedReportId), "-- Select Report --")
@Html.CheckBoxFor(model => model.IncludePhotos)@Html.LabelFor(model => model.IncludePhotos)
生成:
<select data-val="true" data-val-number="The field SelectedReportId must be a number." data-val-required="The SelectedReportId field is required." id="SelectedReportId" name="SelectedReportId">
<option value="">-- Select Report --</option>
<option value="1">Excel Report</option>
<option value="2">Text Report</option>
</select>
<br />
<input data-val="true" data-val-required="The Include photos in the report field is required." id="IncludePhotos" name="IncludePhotos" type="checkbox" value="true" />
我有一个下拉菜单和一个复选框,如果用户选择下拉菜单中的第一个值,我需要禁用该复选框。 这是我正在使用但没有成功的 javascript
$(function () {
$('#SelectedReportId').change(function () {
var value = $(this).val();
if (value == '1') {
$('#IncludePhotos').show();
} else {
$('#IncludePhotos').hide();
}
});
});
感谢任何帮助,谢谢
最佳答案
在 @section scripts{} 部分中包含 javascript,它开始工作了,
@section scripts{ <script type="text/javascript">
$(function () {
$('#SelectedReportId').change(function () {
var value = $(this).val();
if (value == '1') {
$('#IncludePhotos').show();
} else {
$('#IncludePhotos').hide();
}
});
});</script>}
关于javascript - 基于下拉选择的显示/隐藏控件 mvc 4 razor c#,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28589969/