JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" id="radio1" name="radios" value="all" data-form="#1" checked>
<label for="radio1">Credit Card</label>
<input type="radio" id="radio2" name="radios" value="false" data-form="#2">
<label for="radio2">Debit Card</label>
<input type="radio" id="radio3" name="radios" value="false" data-form="#3">
<label for="radio3">Internet Banking</label>
<form id="1">
    <input type="text" placeholder="1" />
</form>
<form id="2">
    <input type="text" placeholder="2" />
</form>
<form id="3">
    <input type="text" placeholder="3" />
</form>

CSS

.hide {
    display:none;
}

JavaScript

$("input[type=radio]").click(function () {
    var myForm = $($(this).data("form"));
    myForm.addClass("hide");
    myForm.siblings().removeClass("hide");
});