没有 javascript 的后备解决方案

Question

Bootstrap 有自己的 javascript 版本的 checkboxes, radio buttons、collapse 等。

单选按钮示例：

<div class="btn-group" data-toggle="buttons-radio">
  <button type="button" class="btn">Left</button>
  <button type="button" class="btn">Middle</button>
  <button type="button" class="btn">Right</button>
</div>

只要您启用了 JS，这看起来非常棒。我喜欢 JS，但我也是 NoScript 用户，我希望页面在没有 JS 的情况下也能正常工作。

正如我所见，twitter-bootstrap 没有内置的后备解决方案。我可以使用我自己的标签或仅在启用 JS 时显示引导按钮，但我以某种方式期望引导可以处理这个问题。

我想到的唯一解决方案是使用标准单选按钮、复选框等，并在启用 JS 时用上面的类似代码替换/隐藏它们。

我也很失望地看到像collapse 这样的一些简单的事情没有备用解决方案，至少可以使用 css3 转换来处理它，或者至少只是打开所有子 div 并保持打开状态。

你有没有 JS 的引导程序的一些想法/解决方案，或者是唯一的解决方案编写一个函数来“隐藏单选按钮，如果启用了 javascript，则显示/创建 boostrap-divs”？

Answer 1

您可以在没有 javascript 的情况下处理它，但这需要它发送到服务器端脚本或至少一个表单来提交。由于大多数用户（我认为大约 99%）都启用了 javascript，因此您应该在没有激活 javascript 时禁用该功能。