in my component I create ui:inputcheckboxes with aura iteration - Can I use js to disable all of them when I check all checbockes with property isCorrect? My below function working property but when I have 1 correct or 1 inCorrect checboxes this is wrong ...
part of my component:
<aura:iteration items="{!v.myObject}" var="var" indexVar="index1">
<aura:if isTrue="{!var.isCorrect}">
<div id="{!'div'+var.Id}" aura:id="cAns" class="slds-button slds-checkbox--button">
<label class="slds-checkbox--button__label">
<ui:inputCheckbox aura:id="cor" label="{!var.Label}" click="{!c.myfunc}" labelClass="{!'div'+var.Id}"/>
</label>
</div>
<aura:set attribute="else">
<div id="{!'div'+varAnswear.Id}" aura:id="iAns" class="slds-button slds-checkbox--button">
<label class="slds-checkbox--button__label">
<ui:inputCheckbox aura:id="incor" label="{!varAnswear.Label}" click="{!c.myfunc}" labelClass="{!'div'+var.Id}"/>
</label>
</div>
</aura:set>
</aura:if>
</aura:iteration>
myFunction:
myfunc : function(componnet, event, helper) {
var correct = component.find('correct');
var incorrect = component.find('incorrect');
for(var i = 0 ; correct.length; i++) {
correct[i].set("v.disabled", true);
}
for(var i = 0 ; incorrect.length; i++) {
incorrect[i].set("v.disabled", true);
}
},