javascript - 仅当选择下拉列表中的特定选项时才激活复选框

Question

我想仅在选择下拉列表的选项 2 时激活“id=IsHeighest”复选框。否则禁用它。谁能帮我？

 <spans>@MultiLang.Highest</spans>
 @Html.CheckBoxFor(m => m.IsHighest, new { Id = "IsHighest" })

<div class="col-md-3 ltrlable">
<span class="rtllable dri">@MultiLang.Status</span>
@Html.DropDownListFor(m => m.StatusId, (IEnumerable<SelectListItem>)ViewBag.Status, new { id = "VehicleStatus", @class = "form-control" })</div>

Answer 1

你可以用 jquery 来做到这一点

 $(document).ready(function(){
    $('#IsHighest').prop('disabled', true);
     $('#StatusId').change(function () {
          var selectedValue= this.value;
          if(selectedValue=="2")
            {
              $('#IsHighest').prop('disabled', false);
            }
            else
             {
                $('#IsHighest').prop('disabled', true);
                }
            });
    });