我有一组复选框，其中至少一个必须选中才能提交表单。为此，我将每个复选框都命名为相同的名称并设置了required 属性。
但这不起作用：
<input name="mycheckgroup" type="checkbox" value="1" required />
<input name="mycheckgroup" type="checkbox" value="2" required />
<input name="mycheckgroup" type="checkbox" value="3" required />
我必须选中所有三个框才能提交表单:-(
如果这是单选按钮，它可以工作...但我希望至少选中一个或多个框。
谁能帮忙？
【问题讨论】：
标签： jquery html checkboxlist required
在不引入 JavaScript 的情况下，最合乎逻辑的答案是将您的控件更改为 select 元素（这更适合您的情况）：
<select>
<option value="1" selected>Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>如果这对您来说不是一个足够好的解决方案，那么您将不得不使用 JavaScript 处理验证。我不会在这里提供解决方案，因为您没有标记javascript，而且您可能已经知道如何自己执行此操作。
如果您确实想使用 JavaScript 方法，您应该编辑您的问题以询问可能的 JavaScript 解决方案并包含您使用的任何库 - 尽管本着 StackOverflow 的精神，您应该尝试自己解决这个问题。
不，对不起。我，觉得你误会了。我需要检查一个或多个复选框的可能性。 - cypher75
在这种情况下，您可以为您的select 元素赋予multiple 属性，从而允许您选择多个选项：
<select multiple required>
<option disabled>Select Multiple</option>
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3">Option 3</option>
</select>为了使select 元素的required 属性生效，我添加了一个初始的option 元素disabled。
【讨论】：
我不知道，我需要 javascript 来实现这个解决方案，我没有标记它，抱歉。
但我需要它是复选框（没有选择）。
所以，这是我使用 jQuery 的工作解决方案：
<script>
$('.myCB').click(function(){
if($('#cb1').is(':checked') || $('#cb2').is(':checked') || $('#cb3').is(':checked'))
$(".myCB").attr("required", false);
else
$(".myCB").attr("required", true);
});
</script>
<input name="mycheckgroup" id="cb1" type="checkbox" value="1" class="myCB" required />
<input name="mycheckgroup" id="cb2" type="checkbox" value="2" class="myCB" required />
<input name="mycheckgroup" id="cb3" type="checkbox" value="3" class="myCB" required />
检查任何复选框时，将从本组中的所有复选框中删除所需的属性。
【讨论】：
这是我想出的绝妙技巧：
详情： https://stackoverflow.com/a/37825072/1479143
小sn-p：
$cbx_group = $("input:checkbox[name='q-8']");
$cbx_group.prop('required', true);
if($cbx_group.is(":checked")){
$cbx_group.prop('required', false);
}
【讨论】：
如果您将代码包含在表单标签中，这将起作用，并且在您执行提交操作时将触发验证。并使用jQuery动态添加html5所需属性。
HTML 代码
<form>
<input name="mycheckgroup" type="checkbox" value="1" />
<input name="mycheckgroup" type="checkbox" value="2" />
<input name="mycheckgroup" type="checkbox" value="3" />
<input type="submit" id="btnSubmit" value="submit" />
</form>
jQuery 代码
$("#btnSubmit").click(function(e){
if( $("input[name=mycheckgroup]:checked").length == 0){
$("input[name=mycheckgroup]:first").attr("required", "required");
}else{
$("input[name=mycheckgroup]").removeAttr("required");
$("form").submit();
}
});
【讨论】：