css - 限制按钮的可点击区域

Question

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

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

但是有一个问题。让我们假装|AAAA| 是按钮，如果我点击 ==.. 它仍然会触发 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处理程序设置为 external div，而不是复选框。

（我假设你有理由在不显眼的地方使用内联 javascript）

Answer 3

这可能有两个原因：

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

2：您可能没有将类赋予复选框，而是绑定到另一个包含复选框的元素。