javascript - Rails3 中 bootstrap 所需的组复选框需求

Question

我正在使用 Bootstrap 进行模板化。我有一组复选框。我想使用 bootstrap 的 required 属性，但是，当我想将它用于一组复选框而不是单个复选框时。

有什么办法可以实现这个功能吗？ 这是引用图片http://grab.by/Hm5m

Answer 1

给定

<form>
    <input type="checkbox" name="whatever" value="1" required="required" class="required_group" />
    <input type="checkbox" name="whatever" value="2" required="required" class="required_group" />
    <input type="checkbox" name="whatever" value="3" required="required" class="required_group" />
    <input type="checkbox" name="whatever" value="4" required="required" class="required_group" />
    <input type="submit" name="submit" />
</form>

您可以要求用户至少选中一个复选框:

$('form').on('click', '.required_group', function(){
    $('input.required_group').prop('required', $('input.required_group:checked').length === 0);
});

This solution依赖于 HTML5 required 属性(和浏览器支持)。它不需要任何特定的 Bootstrap 代码，但它使用 jQuery(您已经在 Bootstrap 中使用它)，因此您可以使用对您的项目有意义的 Bootstrap 类和小部件来自定义它。