Asignar valores de forma dinamica a <span> creados dinamicamente

[JeMaGa]

Buenos Dias

Llevo bastante tiempo con un problema que hasta el momento no he logrado solucionar, se que debe ser sencillo pero hasta el momento no lo he logrado.

Lo que necesito hacer es lo siguiente:

Estoy creando una tabla dimanica según la cantidad que yo indique. Dentro de esta tabla cada fila tiene 2 radiobutton, necesito que cuando yo le de en algún radiobutton me asigne un valor en el span de su fila correspondiente


Esta es la estructura de mi tabla dinamica

Código HTML:

<table id="js-tabla" class="table table-striped table-bordered">
<thead>
<tr>
     <th>No.</th>
     <th><center>Posición Asignada</center></th>
</tr>
</thead>
<tbody>
<tr id="1">
     <td>1</td>
     <td><center><input id="stock1" class="disponibilidad" name="radio1" value="1:Stock" type="radio"></center>
     </td>
     <td><center><input id="libre1" class="disponibilidad" name="radio1" value="1:Libre" type="radio"></center>
     </td>
     <td><span id=span1></span></td>
</tr>
</tbody>
</table> 

Código jquery:

$(".disponibilidad").on("click", function(e) {
            $("#span"+x).text(conteoStock[posiArrayStock]);
            posiArrayStock++;
            x++;
        });
 

Si le doy en stock1 o en libre1 muestre un valor en el span1, pero si le doy en el stock2 o en libre2 muestre un valor en el span2

Agradezco toda la ayuda que me puedan brindar