JSFiddle - React, Tailwind, and code Playground

HTML

<input type="radio" name="abeer" value="1" /> <input type="text" name="name1" value="value 1" /><br />
<input type="radio" name="abeer" value="2" /> <input type="text" name="name2" value="value 2" /><br />
<input type="radio" name="abeer" value="3" /> <input type="text" name="name3" value="value 3" /><br />
<input type="radio" name="abeer" value="4" /> <input type="text" name="name4" value="value 4" /><br />
<input type="radio" name="abeer" value="5" /> <input type="text" name="name5" value="value 5" /><br />
<input type="radio" name="abeer" value="6" /> <input type="text" name="name6" value="value 6" /><br />
<input type="radio" name="abeer" value="7" /> <input type="text" name="name7" value="value 7" /><br />
<input type="radio" name="abeer" value="8" /> <input type="text" name="name8" value="value 8" /><br />
<input type="radio" name="abeer" value="9" /> <input type="text" name="name9" value="value 9" /><br />
<input type="radio" name="abeer" value="10" /> <input type="text" name="name10" value="value 10" />

<button>Submit</button>

JavaScript

$('button').bind("click", function () {
    var radio = $("[name='abeer']").val()
    var input = $("[name='name"+radio+"']").val();
    
    var postData = {
        name: input
    }
    
    $.post("urlToPostTo.php", postData, function(data) {
        // Returned data will be here
    });
    
});