限制按钮的点击区域

Question

我一张有一类下面的复选框，以备将来使用

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

但是有一个问题。假装| AAAA |是buton，如果我点击== ..它仍然触发doSomething（）。

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

我tryied与

display: block 

在CSS，但它不工作

感谢

Answer 1

这是因为这两个标签和输入区被封闭在.class。

而是通过js指定您只希望复选框输入触发您的JS操作，而不是标签。

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

然后：

:javascript 

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

Answer 2

什么是生成html？

看起来像你已经设置onClick处理程序外div，而不是复选框。

（我假设你有理由使用内嵌的JavaScript上，而不是不显眼的一个）

Answer 3

可能有两个原因的：

1：你周围有复选框的标签标签以及包含元素= ===================（正如你在问题中所说的）

2：你可能没有给出复选框的类，而是它被绑定到另一个元素包含复选框。