Question

除了某些控件之外，我想禁用div中的所有控件。

这是div

<div id="vehicleDetails" class="form-group" class="panel panel-primary">
<div class="panel panel-primary">
    <div class="panel-heading">
        <h3 class="panel-title">Vehicle Details</h3>
        <span class="pull-right clickable">
            <i class="glyphicon glyphicon-chevron-up"/>
        </span>
    </div>
    <div class="panel-body">
        <div class="form-group row">
            <!--h3 class="panel-title">Vehicle Details</h3-->
            <div class="col-xs-4 selectContainer">
                <label for="fldVIN" >VIN</label>
                <div class="input-group">
                    <input type="text" id="fldVIN" data-bind="value:VIN" class="form-control" placeholder="Search VIN to retrieve the details"/>
                    <span class="input-group-btn">
                        <button type = "button" class = "btn btn-secondary" id="searchVINBtn" data-bind="event: {click: getCRMorDMSDetails}">Go !</button>
                    </span>
                </div>
            </div>
            <div class="col-xs-4 selectContainer">
                <label for="fldEngine" >Engine number</label>
                <input type="text" id="fldEngine" data-bind="value:ENGINE_NUMBER" class="form-control"/>
            </div>
            <div class="col-xs-4 selectContainer">
                <label for="fldChassis" >Chassis number</label>
                <input type="text" id="fldChassis" data-bind="value:CHASSIS_NUMEBR" class="form-control"/>
            </div>
            <div class="col-xs-4 selectContainer">
                <label for="fldInvoice" >Invoice number</label>
                <input type="text" id="fldInvoice" data-bind="value:INVOICE_NUMBER" class="form-control"/>
            </div>
            <div class="col-xs-4 selectContainer">
                <label for="fldRegdNo" >Regd number</label>
                <input type="text" id="fldRegdNo" data-bind="value:REGD_NUMBER" class="form-control"/>
            </div>
            <div class="col-xs-4 selectContainer">
                <label for="fldOrderFrom" >Date of Sale</label>
                <input type="date" id="fldOrderFrom" data-bind="date:DATE_OF_SALE" class="form-control"/>
            </div>
            <!--
                                                  <div class="col-xs-4 selectContainer">
                                                     <label for="fldCurrentKM" >Current KM</label>
                                                     <input type="text" id="fldCurrentKM" data-bind="value:CURRENT_KM" class="form-control"/>
                                                  </div> -->
        </div>
    </div>
</div>

我尝试不使用下面的jquery禁用两个控件，但它只适用于fldVIN控件。

$('#vehicleDetails :input').not('#fldVIN','#searchVINBtn').attr('disabled', true);

Answer 1

尝试：

$('#vehicleDetails :input').not('#fldVIN,#searchVINBtn').attr('disabled', true);

使用.not selection Jquery禁用控件

1 个答案: