JSFiddle - React, Tailwind, and code Playground

HTML

<label class="checkout-item" for="payment_1">Cash On Delivery
<input type="radio" name="payment" class="radio" id="payment_1" value="3" iscod="1" onclick="selectPayment(this)">
</label>
<br/>
<label class="checkout-item" for="payment_2">Credit Card / Debit Card
<input type="radio" name="payment" class="radio" id="payment_2" value="9" checked="" iscod="0" onclick="selectPayment(this)">
</label>
<br/>
<label class="checkout-item" for="ECS_NEEDINSURE_1">Home Delivery
<input name="shipping" type="radio" id="ECS_NEEDINSURE_1" value="3" checked="true" supportcod="1" insure="0" class="radio" onclick="selectShipping(this)">
</label>
<br/>
<label class="checkout-item" for="ECS_NEEDINSURE_2">Self-pickup
<input name="shipping" type="radio" id="ECS_NEEDINSURE_2" value="8" supportcod="1" insure="0" class="radio" onclick="selectShipping(this)">
</label>

JavaScript

function checkOrderForm(frm) {
    var paymentSelected = false;
    var shippingSelected = false;

    paymentSelected = $("#payment_1").checked ||$("#payment_2").checked;
    
    shippingSelected = $("#ECS_NEEDINSURE_1").checked || $("#ECS_NEEDINSURE_2").checked;

    if (!shippingSelected) {
        alert(flow_no_shipping);
        return false;
    }

    if (!paymentSelected) {
        alert(flow_no_payment);
        return false;
    }
}