限制按鈕的點擊區域

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：你可能沒有給出複選框的類，而是它被綁定到另一個元素包含複選框。