JSFiddle - React, Tailwind, and code Playground

by Palucci92

HTML

<div class="row gutters">
                    <div class="col col-2">
                        <div class="form-item form-checkboxes">
                            <input type="radio"   id="DeliveryYesSingle" name="deliveryCredit"   value="yes"/><label data-timtranslationlabel="" for="deliveryCredit_Yes" class="checkbox" >Delivery on credit</label>
                        </div>
                    </div>
                    <div class="col col-2">
                        <div class="form-item form-checkboxes">
                            <input type="radio" id="DeliveryNoSingle" name="deliveryCredit" value="no"/><label data-timtranslationlabel="" for="deliveryCredit_No" class="checkbox" >Advance payment to supplier</label>
                        </div>
                    </div>
                </div>
                                <div class="section" id="DeliveryOnCreditBoard" >    
                    <div class="row gutters">
                        <div class="col col-2">
                            <div class="form-item form-checkboxes">
                                <input type="radio" id="deliveryYesSingleBoard" name="deliverySingle"   value="yes"/><label data-timtranslationlabel="" for="deliveryYesSingleBoard" class="checkbox" >Delivery on credit</label>
                            </div>
                        </div>
                        <div class="col col-2">
                            <div class="form-item form-checkboxes">
                                <input type="radio"  id="DeliveryNoSingleBoard" name="deliverySingle"  value="np"/><label data-timtranslationlabel="" for="DeliveryNoSingleBoard" class="checkbox" >Advance payment to supplier</label>
                            </div>
                        </div>
                    </div>
                    </div>

JavaScript

if(jQ('[id="DeliveryYesSingle"]').is(':checked')){
				jQ('[id="deliveryYesSingleBoard"]').prop('checked', true);
			
	};

	if(jQ('[id="DeliveryNoSingle"]').is(':checked')){
		jQ('[id="DeliveryNoSingleBoard"]').prop('checked', true);
};