JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><input class="payment" type="radio" name="payment" value="1" availableMetods="1,2"/></li>
    <li><input class="payment" type="radio" name="payment" value="2" availableMetods="1,2,3,4,5"/></li>
    <li><input class="payment" type="radio" name="payment" value="3" availableMetods="1"/></li>
    <li><input class="payment" type="radio" name="payment" value="4" availableMetods=""/></li>
    <li><input class="payment" type="radio" name="payment" value="5" availableMetods="1,4"/></li>
</ul>

<ul>
    <li><input class="method" type="radio" name="method" value="1" id="method1"/></li>
    <li><input class="method" type="radio" name="method" value="2" id="method2"/></li>
    <li><input class="method" type="radio" name="method" value="3" id="method3"/></li>
    <li><input class="method" type="radio" name="method" value="4" id="method4"/></li>
    <li><input class="method" type="radio" name="method" value="5" id="method5"/></li>
</ul>

JavaScript

function disableMethods(){
    $(".method").each(function(){
        $(this).attr("disabled", "disabled");
    });    
}



$(".payment").change(function(){
    disableMethods();
    var availableMethods = $(this).attr("availableMetods");
    if(availableMethods!=""){
        availableMethods = availableMethods.split(",");
        for(var i in availableMethods){
            $("#method"+availableMethods[i]).removeAttr("disabled");
        }
    }
});

disableMethods();