2012-05-14 10 views
8

Sé que no podemos hacer de solo lectura el botón de opción y la casilla de verificación. Intenté deshabilitar el botón de opción y la casilla de verificación, pero en IE no está claramente visible.Cómo activar/desactivar solo la funcionalidad del botón de opción y la casilla marcada

¿Hay alguna alternativa para hacer lo mismo que desactivar/leer solo con jQuery, CSS, JavaScript?

+0

Sí, pero hace exactamente lo mismo que lo que ya ha intentado, establece la propiedad deshabilitada como deshabilitada, etc. – adeneo

+0

qué código está haciendo para eso ... –

Respuesta

12

Usted puede utilizar el siguiente código para evitar clics en elementos que no desea usuario cambiar

$(':radio,:checkbox').click(function(){ 
    return false; 
}); 

Usted puede utilizar el selector adecuado para limitar los clics.

+0

gracias, funciona. ¿Es posible aplicar color de fondo a la casilla de radio y a la casilla de verificación para que parezca deshabilitado sin usar imagen? Intenté usar $ (': radio,: checkbox'). Css ("color de fondo", 'rojo'); – Raje

+0

No creo que puedas hacer eso. Tienes que usar algún tipo de imagen para ese propósito. Pero si desea darle un efecto desactivado es mejor desactivarlo, entonces se verá coherente en todos los navegadores. Pensé que desea desactivar un botón de casilla de verificación/radio sin el efecto de desactivación. – LoneWOLFs

+0

Sí, tienes razón. Quiero desactivar la funcionalidad similar sin efecto de desactivación. Si especifico deshabilitado para la casilla de verificación y el botón de radio, no es claramente visible en IE. – Raje

7

Yon puede dar como esto: -

i su script

jQuery('#radio').attr('disabled','disabled'); 

o puede hacer addClass según usted ..

si no será compatible con IE dar compatibilidad también ..

<meta http-equiv="X-UA-Compatible" content="IE=8" /> 
<meta http-equiv="X-UA-Compatible" content="IE=7" /> 

a continuación, comprobar ..

también se puede dar la siguiente manera: -

jQuery("#youridname input:radio").attr('disabled',true); 
+0

Sé que esto es antiguo, pero para cualquiera que esté tentado de usar esta solución, tenga en cuenta que los elementos desactivados no se publicarán cuando se envíe un formulario. – blackandorangecat

1

Si el botón de radio ya está marcada y si hace clic en el botón de radio comprobado cambiar el valor de verdadero a falso. Para este escenario siguiente código funciona

$(document).ready(function() { 
    $('input[type = "radio"]').change(function() { 
     this.checked = false; 
    }); 
}); 
3
 selectedRow.find('input[type="radio"]:not(:checked)').each(function(){ $(this).attr('disabled', true); }); 

fila seleccionada es sólo el elemento HTML que quiero localizar los botones de opción Estoy interesado.
todo el script solo se invoca una vez que se ha seleccionado un botón de opción.
cuando se ejecuta, localiza los botones de opción no seleccionados y los deshabilita.

por lo tanto, me da el resultado deseado de deshabilitar los botones de opción no seleccionados, mientras se mantiene la opción seleccionada.

este resultado parecía ser una mejor opción, luego
1. colocando una imagen sobre el botón de opción, para evitar que el usuario haya seleccionado otra opción.
2. .click (función() {return false;}), que solo oculta la selección cuando se selecciona la opción no seleccionada 3. deshabilitando todos los botones de opción, donde se pierde la selección.

espero que esto te ayude,
aplausos.

Cuestiones relacionadas