Restringir el área en la que se puede hacer clic en el botón

Tengo la siguiente casilla de verificación con una clase, para uso futuro

.class{onClick: "doSomething()"}= check_box @var, :var

Pero hay un problema. Vamos a fingir |AAAA| es el botón, si hago clic en == .. todavía activa doSomething().

|AAAA| ====================

intenté con

display: block 

en css pero no funciona

Muchas Gracias

preguntado el 28 de agosto de 12 a las 09:08

3 Respuestas

Esto se debe a que tanto la etiqueta como el área de entrada están encerrados en el .class.

En su lugar, especifique a través de js que solo desea que la entrada de la casilla de verificación active su acción JS, y no la etiqueta.

= check_box @var, :var, id: 'my-id'

Entonces:

:javascript

   $("input#my-id").click(function() {
       doSomething();
   });

Respondido 28 ago 12, 09:08

¿Qué es html generado?

Parece que te has fijado onClick controlador al exterior div, no a la casilla de verificación.

(Supongo que tiene razones para usar javascript en línea en lugar de uno discreto)

Respondido 28 ago 12, 09:08

Puede haber 2 razones para esto:

1: tiene una etiqueta de etiqueta alrededor de la casilla de verificación, así como un elemento que contiene ==================== (Como dijo en la pregunta)

2: Es posible que no haya dado la clase a la casilla de verificación, sino que está vinculada a otro elemento que contiene la casilla de verificación.

Respondido 28 ago 12, 09:08

No es la respuesta que estás buscando? Examinar otras preguntas etiquetadas or haz tu propia pregunta.