html - eventos - radio button javascript ejemplos

onClick of table cell selecciona el botón de opción dentro de la celda

Question

Tengo 14 filas de 5 td. En cada uno es un botón de radio. Quiero que el usuario pueda hacer clic en cualquier lugar de la celda de la tabla para seleccionar su botón de opción. Cada fila se crea así:

                @for (int i01 = 1; i01 <= 5; i01++) {
                <td id="tablecellradiobutton" onMouseover="this.bgColor=''88,150,183''" onMouseout="this.bgColor=''white''" onclick="@(''Q01'' + i01).checked = true">
                    @Html.RadioButton("Q01", i01, Q01 == i01.ToString(), new { id = "Q01" + i01 })  
                </td>
                }

Sin embargo, mi onClick se está cayendo, dándome el error:

Compiler Error Message: CS1012: Too many characters in character literal

Esto realmente debería ser muy fácil de hacer sin una función de JavaScript (o jQuery), pero creo que me estoy resignando a necesitar una. Pero, ¿podría alguien ayudarme a corregir mi código?

Answer 1

No puedo corregir tu código existente, pero vas a tener varias instancias de la misma identificación:

 <td id="tablecellradiobutton"...

necesita crear identificadores individuales para cada td; probablemente añada el número de índice tr y td al ID existente.

Utilizaría jQuery y usar find () para obtener la entrada dentro de la td que se hizo clic y establecer su propiedad checked en verdadero. Tenga en cuenta el uso del documento.en ... que permitirá que el contenido agregado dinámicamente se dirija así como el contenido estático. No olvide el $ (documento). Listo ... si aún no lo tiene.

    $(document).on(''click'',''td'',function(){
    $(this).find(''input [type="radio"]'').prop(''checked'',true)
    });