Deshabilitar tipo radio igual que checkbox

[angel_dope]

Hola, tengo este pequeño código que hace que al mostrar un checkbox, no cambie su estado al hacer click sobre el:

Código Javascript:

onClick="this.checked= !this.checked"
 

Código HTML:

<input name="tipo_cliente" type="checkbox" class="naranja" id="tipo_cliente" value="1" checked="checked" onClick="this.checked= !this.checked">
 
<input name="nivel_exportacion" type="radio" class="naranja" id="nivel_exportacion" value="5" checked="checked" disabled="disabled">
 

De esta forma puedo mostrar por pantalla los valores que saco de una base de datos sin que los usuarios puedan cambiar el valor y sin usar el Disabled de html, ya que este sombrea el input y no queda igual.

He querido hacer lo mismo con un input te tipo radio, pero no funciona igual. Al pulsar sobre cualquiera de los diferentes radio button, el que estaba activado se desactiva y ya no se puede activar ninguno de ellos.

¿Hay alguna forma de conseguir el mismo comportamiento que en los checkbox sin usar el disabled?

Muchas gracias por adelantado, salu2

[bbrian]

Hola angel_dope, podes hacer con Jquery facilmente.

Código HTML:

<input type="radio" name="gender" value="male">
 

Código Javascript:

$(document).ready(function () {
        $(':radio[readonly=readonly]').click(function () {
            return false;
        });
    });
 

Saludos !

[angel_dope]

Iniciado por bbrian

Hola angel_dope, podes hacer con Jquery facilmente.

Código HTML:

<input type="radio" name="gender" value="male">
 

Código Javascript:

$(document).ready(function () {
        $(':radio[readonly=readonly]').click(function () {
            return false;
        });
    });
 

Saludos !

Muchas gracias, ¿pero esto funcionaría para todos los radio que aparecen? ¿Cómo tendría que ponerlo? Lo he puesto dentro de un <script> </script> pero no hace nada.

[bbrian]

Cambia el modo de seleccionar el radio y hacelo mediante su id.

Código Javascript:

$(document).ready(function () {
            $('#id-radio').click(function () {
                return false;
            });
        });
 

Saludos

PD: Tenes que tener cargado el archivo jquery, y si... va entre <script> </script>

[bbrian]

Mas facil hacelo desde javascript...

Código HTML:

<input type="radio" name="prueba" id="radio" value="ok" onclick="bloquearBtn();">
 

Dentro de la es etiquetas <script></script> coloca la funcion:

Código Javascript:

function bloquearBtn(){
    document.getElementById("radio").checked = false;
}
 

[mpozo]

No entiendo bien lo que dices. Puedes empezar por eliminar el operador lógico not (!) https://developer.mozilla.org/es/doc...ical_operators

Código HTML:

onClick="this.checked= this.checked"
 

[caricatos]

Hola:

No entiendo el uso de un control que no quieres que se modifique... simplemente no uses ese control y muestra el dato... y si quieres que forme parte de un formulario, crea un campo hidden...

Saludos