在asp.net mvc

Question

我想在用户取消选中该复选框时禁用下拉列表。它应该很简单，但我的代码不起作用......我的代码是： -

<div>
    @Html.CheckBox("Use_Favicon_Image", true, new { id= "1" })
    <label for="Use_Favicon_Image">Want to Use favicon</label>
</div>
<div class="row">
    <div class="input-field col s12">
      <p>Select Favicon Image </p>
      @Html.DropDownList("FaviconImage", new List<SelectListItem> { new SelectListItem { Text = "1.jpg" }, new SelectListItem { Text = "2.jpg" }, new SelectListItem { Text = "3.jpg" }, }, new { id = "2" })
    </div>
</div>

<script type="text/javascript">
    $(function () {
        $('#1').change(function () {
            if ($(this).is(':checked')) {
                // disable the dropdown:
                $('#2').attr('disabled', 'disabled');
            } else {
                $('#2').removeAttr('disabled');
            }
        });
    });
</script>

Answer 1

    $(function () {
        $('#1').change(function () {
            if ($(this).is(':checked')) {
                // disable the dropdown:
                $('#2').prop('disabled', true);
            } else {
                $('#2').prop('disabled', false);
            }
        });
    });

Answer 2

试试这段代码：

$(function () {
    $('#1').change(function () {
        $('#2').prop('disabled', !$(this).is(':checked'))                
    });
});