javascript - 检查MVC中的Checkbox是否被选中

Question

我想检查该复选框是否被选中。 我有以下代码:

<div class="checkbox">
@Html.HiddenFor(model => model.VehicleTypeSelected)
@Html.ValidationMessageFor(model => model.VehicleTypeSelected)    
<br>
@foreach (VehicleType vt in ViewBag.VehicleTypes)
{
    <label><input type="checkbox" value="@vt.VehicleTypeID" name="VehicleTypeIds" class="vehicle-type-selector" /> @vt.Name 
    <br></label>
}

我想使用这种方法:

                    $('#checkBoxForm :checkbox').click(function() {
                    var $this = $(this);
                    if ($this.is(':checked')) {
                        // the checkbox was checked 
                    } else {
                        // the checkbox was unchecked
                    }
                });

如果选中复选框(isUniversal)，我想禁用所有复选框(vehicleTypes)

Answer 1

您可以使用以下命令检查是否检查了任何车辆类型:

$(function(){
    var isAnyVehicleTypeChecked = $(".vehicle-type-selector").is(":checked").length > 0
});

此外，使用以下内容

$(function(){
    var checkedVehicleTypes = $(".vehicle-type-selector").is(":checked");        
});

您可以选择所有具有车辆类型选择器类的复选框，并且它们会被选中。