Apex Code Development You need to sign in to do that
Don't have an account?
Gnana 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);
}
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);
}
<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>
<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