function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Gnana Sundar N NatarajanGnana Sundar N Natarajan 

How to check and uncheck lighting checkbox using Aura components?

Hi all,
 I need to check and uncheck the checkbox in salesforce lighting. anyone, please guide me. below code doesn't work properly.
Controller:
 confirm :function(component, event, helper) {
        if(event.target.title =='false'){
           component.find("PaymentCleared").set('v.value',false);  
            component.set('v.simpleRecord.Payment_Cleared__c',false);
        }
        else{
             component.find("PaymentCleared").set('v.value',true); 
             component.set('v.simpleRecord.Payment_Cleared__c',true);
        }
Gnana Sundar N NatarajanGnana Sundar N Natarajan
Component:
<aura:component implements="flexipage:availableForAllPageTypes,flexipage:availableForRecordHome,forceCommunity:availableForAllPageTypes,lightning:actionOverride,force:hasRecordId,force:LightningQuickAction" access="global" >

    <aura:attribute name="record" type="Object"/>
    <aura:attribute name="simpleRecord" type="Object"/>
    <aura:attribute name="recordError" type="String"/>
    <aura:attribute name="isOpen" type="Boolean"  />
    <force:recordData aura:id="recordHandler"
      recordId="{!v.recordId}"
      layoutType="FULL"
      targetRecord="{!v.record}"
      targetFields="{!v.simpleRecord}"
      targetError="{!v.recordError}"
      mode="EDIT"
      recordUpdated="{!c.handleRecordUpdated}"
      />



    <!-- Display an editing form , Order_number__c, , Payment_Cleared__c, Payment_Date__c, Payment_Received__c, Payment_Subcode__c, Six_Digit_SCS_Code__c, Check_Number__c, KE_Lease_Number__c-->
    <div class="Record Details">
     
        <lightning:card iconName="action:edit" title="Edit Account">
               <div class="slds-form" role="list">
  <div class="slds-grid slds-gutters_small">
    <div class="slds-col slds-has-flexi-truncate" role="listitem">
      <div class="slds-form-element slds-form-element_edit slds-hint-parent">
        <label class="slds-form-element__label" for="assigned-to"></label>
        <div class="slds-form-element__control">
               <lightning:input label="Name" value="{!v.simpleRecord.Name}"/>
        </div>
      </div>
    </div>
    <div class="slds-col slds-has-flexi-truncate" role="listitem">
      <div class="slds-form-element slds-form-element_edit slds-hint-parent">
        <label class="slds-form-element__label" for="team-name">Amount</label>
        <div class="slds-form-element__control">
               <lightning:input label="account"  value="{!v.simpleRecord.Amount__c}"/>
          </div>
      </div>
    </div>
  </div>
  <div class="slds-grid slds-gutters_small">
    <div class="slds-col slds-has-flexi-truncate" role="listitem">
      <div class="slds-form-element slds-form-element_edit slds-hint-parent">
        <div class="slds-form-element__control">
             <lightning:input aura:id="PaymentCleared" label="Payment Cleared" value="{!v.simpleRecord.Payment_Cleared__c}" onclick="{!c.confirmation}" type="checkbox" name= 'isMaster' ></lightning:input>
         </div>
      </div>
    </div>
    <div class="slds-col slds-has-flexi-truncate" role="listitem">
      <div class="slds-form-element slds-form-element_edit slds-hint-parent">
        <div class="slds-form-element__control">
             <lightning:input label="Amount"  value="{!v.simpleRecord.Amount__c}"/>
          
        </div>
      </div>
    </div>
  </div>
            
  <div class="slds-grid slds-gutters_small">
    <div class="slds-col slds-has-flexi-truncate" role="listitem">
      <div class="slds-form-element slds-form-element_edit slds-hint-parent">
        <div class="slds-form-element__control">
              <lightning:input label="Payment Date" value="{!v.simpleRecord.Payment_Date__c}"/>
        </div>
      </div>
    </div>
    <div class="slds-col slds-has-flexi-truncate" role="listitem">
      <div class="slds-form-element slds-form-element_edit slds-hint-parent">
        <div class="slds-form-element__control">
            <lightning:input label="Payment Received" value="{!v.simpleRecord.Payment_Received__c}"/>
          
        </div>
      </div>
    </div>
  </div>
            <div class="slds-grid slds-gutters_small">
    <div class="slds-col slds-has-flexi-truncate" role="listitem">
      <div class="slds-form-element slds-form-element_edit slds-hint-parent">
        <div class="slds-form-element__control">
               <lightning:input label="Payment Subcode" value="{!v.simpleRecord.Payment_Subcode__c}"/>
         
        </div>
      </div>
    </div>
    <div class="slds-col slds-has-flexi-truncate" role="listitem">
      <div class="slds-form-element slds-form-element_edit slds-hint-parent">
        <div class="slds-form-element__control">
            <lightning:input label="Six Digit SCS Code" value="{!v.simpleRecord.Six_Digit_SCS_Code__c}"/>
            
          
        </div>
      </div>
    </div>
  </div>
                     <div class="slds-grid slds-gutters_small">
                         <div class="slds-col slds-has-flexi-truncate" role="listitem">
      <div class="slds-form-element slds-form-element_edit slds-hint-parent">
        <div class="slds-form-element__control">
            <lightning:input label="Order Number" value="{!v.simpleRecord.Order_number__c}"/>
          </div>
                             </div>
                         </div>
                         
                   </div>
  <lightning:button label="Save Account" variant="brand" onclick="{!c.handleSaveRecord}" />
            
</div>
            
        </lightning:card>
    </div>
       <aura:if isTrue="{!v.isOpen}">
        <div role="dialog" tabindex="-1" aria-labelledby="header99" class="slds-modal slds-fade-in-open ">
            <div class="slds-modal__container">
                <div class="slds-modal__content slds-p-around--medium">
                    <div class="slds-form-element">
                        <div class="slds-form-element__control">
                            <div class="slds-select_container">
                             
                               Are you want Disable checkbox?
                                
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slds-modal__footer">
                    <button  class="slds-button slds-button--neutral" title="false" onclick="{!c.confirm}" >Cancel</button>
                    <button  class="slds-button slds-button--brand" title="true" onclick="{!c.confirm}" >confirm</button>
                </div>
            </div>
        </div>
        <div class="slds-backdrop slds-backdrop--open"></div>
    </aura:if>
    <!-- Display Lightning Data Service errors, if any -->
    <aura:if isTrue="{!not(empty(v.recordError))}">
        <div class="recordError">
            {!v.recordError}</div>
    </aura:if>
</aura:component>
 
Naveen IlaNaveen Ila
Hey Gnana Sundar, 

<button  class="slds-button slds-button--neutral" title="false" data-buttonval="false" onclick="{!c.confirm}" >Cancel</button>
                    <button  class="slds-button slds-button--brand" title="true" data-buttonval="true" onclick="{!c.confirm}" >confirm</button>


controller use below code: 


console.log(event.target.dataset.buttonval); //gives true/false based on selection. 


Regards,
Naveen Ila