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: '我的id'

然后:

:javascript

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