限制按钮可点击区域

Question

我有以下复选框，上面有一个类，供将来使用

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

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

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

我试过

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：您可能没有将类赋予复选框，而是绑定到包含复选框的另一个元素。