Bootstrap4 切换按钮
Bootstrap4 toggle button
我正在使用 Bootstrap 4 创建 a toggle button;然而,在点击按钮时,复选框没有被更新,尽管 active
class 被设置了。
即使调用 $('.btn-group-toggle').button('toggle')
也会设置 active
状态,但不会更改复选框的 checked
状态。
<div class="btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary">
<input type="checkbox" value="0" />
</label>
</div>
除了自己写一个click()函数,还有什么方法可以设置选中状态吗?
您的代码适合我 - 我怀疑您没有包含正确的 JS?我 second-guessed 我自己迁移到 4 就我需要包含的许多提供的 JS 文件而言,它没有很好的记录。 bootstrap.bundle.js 是包含所有内容的 catch-all。
此外,Bootstrap 中有很多关于依赖项或怪癖的小参考,但没有特别突出显示。所以要小心确保你添加了正确的咏叹调标签等。
正如 Dan Brazier 所说,使用的 HTML 是正确的。我在输入中缺少 name
属性,所以这就是我无法在服务器上捕获它的原因。所以这是更新后的代码:
<div class="btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary">
<input name="my-input-value" type="checkbox" value="0" />
</label>
</div>
我正在使用 Bootstrap 4 创建 a toggle button;然而,在点击按钮时,复选框没有被更新,尽管 active
class 被设置了。
即使调用 $('.btn-group-toggle').button('toggle')
也会设置 active
状态,但不会更改复选框的 checked
状态。
<div class="btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary">
<input type="checkbox" value="0" />
</label>
</div>
除了自己写一个click()函数,还有什么方法可以设置选中状态吗?
您的代码适合我 - 我怀疑您没有包含正确的 JS?我 second-guessed 我自己迁移到 4 就我需要包含的许多提供的 JS 文件而言,它没有很好的记录。 bootstrap.bundle.js 是包含所有内容的 catch-all。
此外,Bootstrap 中有很多关于依赖项或怪癖的小参考,但没有特别突出显示。所以要小心确保你添加了正确的咏叹调标签等。
正如 Dan Brazier 所说,使用的 HTML 是正确的。我在输入中缺少 name
属性,所以这就是我无法在服务器上捕获它的原因。所以这是更新后的代码:
<div class="btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-secondary">
<input name="my-input-value" type="checkbox" value="0" />
</label>
</div>