Buenas tardes tengo un problema, tengo una tabla que está llena de información de mi base de datos, el problema es que para cada fila tengo un radiobutton con las opciones sí y no para confirmar esa información,

<div class="container">
            <br><div class="alert alert-info" role="alert"><center>LISTADO DE ESTUDIANTES</center></div>
            <h6>*REGISTRO DEL ID O CEDULA DE LOS ESTUDIANTES QUE ASISTIERON ALA TUTORIA<span class="label label-default"></span></h6>
            <div class="form-group">
                <label for="Input" class="col-sm-6 control-label">ID O CEDULA DELOS ESTUDIANTES</label><br>
                <table class="table">
                    <thead>
                        <tr>
                            <td>PIDM</td>
                            <td>ID</td>
                            <td>ESTUDIANTES</td>
                            <td>EMAIL</td>
                            <td>CÉDULA</td>
                            <td>PRESENTES</td>
                        <tr>
                    </thead>
                    <tbody>
                        <%   PreparedStatement st;
                            ResultSet ts;
                            st = co.prepareStatement("select * from uztasistentes where codigo_uztplanif ='" + codr + "'  and codigo_uzgtformularios =3");
                            ts = st.executeQuery();
                            //      Formularios_Connection con = F
                            while (ts.next()) {
                        %> 
                        <tr>
                            <td class="text-center"><%= ts.getInt("SPRIDEN_PIDM")%> </td>
                            <td class="text-center"><%= ts.getString("UZTASISTENTES_ID")%> </td>
                            <td class="text-center"><%= ts.getString("UZTASISTENTES_ESTUDIANTE")%> </td>
                            <td class="text-center"><%= ts.getString("UZTASISTENTES_EMAIL")%> </td>
                            <td class="text-center"><%= ts.getString("UZTASISTENTES_CEDULA")%> </td>
                            <td <label class="radio-inline">
                                    <input type="radio" name="optradio">SI
                                </label>
                                <label class="radio-inline">
                                    <input type="radio" name="optradio">NO
                                </label>
                            </td>
                        </tr>
                    <% }
                        ts.close();
                    %> 
                    </tbody>
                </table>
            </div>
        </div>

El problema es que si tengo 20 filas con datos, sólo me permite seleccionar la respuesta de una sola fila, por ejemplo selecciono si en la fila 1, voy a la fila 2 selecciono no y la selección que hice en la fila 1 se elimina automáticamente Cualquier consejo para corregir esto Error. Estaría muy agradecido

0
Kenny Cruz 4 nov. 2019 a las 02:25

2 respuestas

La mejor respuesta

He creado un recuento de variables enteras, por lo que, cada vez que se itera, se agrega más uno, así que cambio el nombre del botón de opción con el mismo nombre, como: Fila 0 - <input type="radio" name="optradio_0"> Fila 1 - <input type="radio" name="optradio_1"> Fila 2 - <input type="radio" name="optradio_2">

Ejemplo a continuación:

<div class="container">
    <br><div class="alert alert-info" role="alert"><center>LISTADO DE ESTUDIANTES</center></div>
    <h6>*REGISTRO DEL ID O CEDULA DE LOS ESTUDIANTES QUE ASISTIERON ALA TUTORIA<span class="label label-default"></span></h6>
    <div class="form-group">
        <label for="Input" class="col-sm-6 control-label">ID O CEDULA DELOS ESTUDIANTES</label><br>
        <table class="table">
            <thead>
                <tr>
                    <td>PIDM</td>
                    <td>ID</td>
                    <td>ESTUDIANTES</td>
                    <td>EMAIL</td>
                    <td>CÉDULA</td>
                    <td>PRESENTES</td>
                <tr>
            </thead>
            <tbody>
                <%   PreparedStatement st;
                    ResultSet ts;
                    st = co.prepareStatement("select * from uztasistentes where codigo_uztplanif ='" + codr + "'  and codigo_uzgtformularios =3");
                    ts = st.executeQuery();
                    var count = 0;
                    //      Formularios_Connection con = F
                    while (ts.next()) {
                %> 
                <tr>
                    <td class="text-center"><%= ts.getInt("SPRIDEN_PIDM")%> </td>
                    <td class="text-center"><%= ts.getString("UZTASISTENTES_ID")%> </td>
                    <td class="text-center"><%= ts.getString("UZTASISTENTES_ESTUDIANTE")%> </td>
                    <td class="text-center"><%= ts.getString("UZTASISTENTES_EMAIL")%> </td>
                    <td class="text-center"><%= ts.getString("UZTASISTENTES_CEDULA")%> </td>
                    <td <label class="radio-inline">
                            <input type="radio" name="optradio_<%=count%>">SI
                        </label>
                        <label class="radio-inline">
                            <input type="radio" name="optradio_<%=count%>">NO
                        </label>
                    </td>
                </tr>
            <%
                count++;
                }
                ts.close();
            %> 
            </tbody>
        </table>
    </div>
</div>
0
Marcio Barboza 4 nov. 2019 a las 00:05

Los nombres de los botones de radio deben ser únicos por fila, como:

name="optradio1"; //for the first row
name="optradio2"  //for the second row
name="optradio3"; //for the third row

...

0
Addis 3 nov. 2019 a las 23:35