Html 注册按钮元素中的单击复选框

我有一个按钮元素，它附带了一个javascript函数，这个元素包含一个输入复选框。是否可以在不启动按钮javascript函数的情况下选中/取消选中此复选框

我知道这可能不是一个很好的设计，在按钮元素中放置一个输入复选框，但我正在尝试修改一个插件，如果可能的话，我会保持我当前的设计，因为我会在更改整个设计上浪费太多时间，不幸的是，我负担不起：|

编辑：抱歉，将我的文本放置在<和>标记中，使它们不可见：|

编辑2：

我试图实现的是使用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>

问询处

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

我不认为附加的javascript事件是问题所在，请查看以下内容：

---

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

试试这个Jquery示例。可能对你有用-

---

如果您不希望在单击复选框时调用javascript函数，您可以从复选框中注释掉javascript函数调用吗？我希望在单击复选框附近的文本时调用它。但是无论如何，即使我注释掉javascript事件，复选框状态也不会更新。你能发布给你带来麻烦的代码部分吗？在你的小提琴中，按钮点击事件会触发，无论我在哪里单击。@adamBaranyai仅单击按钮将触发事件，您将看到一个警报，但如果单击“仅”复选框，事件将不会触发。如果这不是你所期望的。然后，请您将您的期望表达得更深一点，根据我的Fiddle中的示例使用Firefox 38.0.5，只能单击按钮。我无法选中按钮内的复选框。但在Chrome上进行了测试，结果确实有效。

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