javascript - 使用 jquery 未禁用复选框

Question

我遇到了一个奇怪的问题。我无法使用 jquery 访问要禁用的复选框。这是代码片段:

HTML

<td class="checkbox1 col5">
    <input type="checkBox" 
           class="checkbox {{contractorInfo.contractorID}}" 
           ng-click=" massUpdateMainCtrl.offboardContractor(contractorInfo,$index)" 
           id="{{$index}}" 
           ng-disabled="massUpdateMainCtrl.disableCheckBoxAlreadyAddedToMassUpdate({{contractorInfo.contractorID}})" 
           ng-checked="massUpdateMainCtrl.disableCheckBoxAlreadyAddedToMassUpdate({{contractorInfo.contractorID}})"> 
    <label for="{{$index}}"></label>
</td>

CSS

input[type=checkbox] {
   display: none;
}

.checkbox1 label {
    border: 1px solid #c0c0c0;
    height: 15px;
    width: 15px;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: bold;
    vertical-align: middle!important;
}

JQuery:

$(".checkbox").attr('disabled', 'disabled');

这里的问题是我无法使用 jquery 禁用该复选框。

请帮忙。

Answer 1

假设您的 jQuery > 1.6，那么您必须使用 .prop() 而不是 .attr()

$(".checkbox").prop('disabled', true);

根据http://api.jquery.com/attr/ :“要检索和更改 DOM 属性，例如表单元素的选中、选定或禁用状态，请使用 .prop() 方法。”