Question

我有一个按钮元素，它附加了一个javascript函数，此元素包含一个输入复选框。是否可以以某种方式检查/取消选中此复选框，而不触发按钮javascript功能？

我知道它可能不是一个非常好的设计，在按钮元素中放置一个输入复选框，但我试图修改一个插件，如果可能的话，我会留在我当前的设计，因为我在改变整个设计和时间上会花费太多时间，这是我不能承受的：|

编辑：抱歉，我的文字放在＆lt;和＆gt;标签，让他们消失：|

EDIT2：

我想要实现的是使用tablesaw来创建可排序的数据表。单击tablesaw表中的某个标题时，如果设置了sortable，它将按所选列对表进行排序。我想在第一个标题中放置一个复选框，以选择所有可见的行。这就是我的td的样子：

 <th data-tablesaw-sortable-default-col="true" class="tablesaw-cell-persist 
 tablesaw-sortable-head tablesaw-sortable-ascending" scope="col" 
 data-tablesaw-priority="persist" data-tablesaw-sortable-col="true">
    <button class="tablesaw-sortable-btn">
       <div class="checkbox checkbox-success">
        <input id="test" name="test" type="checkbox">
        <label for="test">
          Information
        </label>
      </div>
    </button>
 </th>

按钮的事件通过带有onclick事件的tablesaw附加，但我也可以修改它，因为我可以访问源。所以基本上，我想要的是，如果在输入元素上单击，则修改复选框状态，如果在按钮上或按钮中的任何其他位置进行单击，则触发tablesaw事件。

我不认为附加的javascript事件是问题，请查看以下小提琴：

http://jsfiddle.net/16d8kasp/

此处没有附加事件，但无论如何都无法切换复选框状态。

Answer 1

试试这个Jquery示例。可能适合你 - JS Fiddle

    $("input#test").on("click",function(e){        
        e.stopPropagation();
    });

注册点击按钮元素

1 个答案: