html写一组复选框,对一组复选框使用HTML5“required”属性？

这是一个简单的技巧。这是jQuery代码，可以通过更改required属性(如果选中任何一个)来利用html5验证。以下是您的html代码(确保为组中的所有元素添加所需的内容。)

Option 1

Option 2

Option 3

Option 4

Option 5

以下是jQuery脚本，如果选择了任何一个脚本，它将禁用进一步的验证检查。使用name元素选择。

$cbx_group = $("input:checkbox[name='option[]']");

$cbx_group = $("input:checkbox[id^='option-']"); // name is not always helpful ;)

$cbx_group.prop('required', true);

if($cbx_group.is(":checked")){

$cbx_group.prop('required', false);

}

小问题：由于您使用的是html5验证，请确保在验证之前(即表单提交之前)执行此操作。

// but this might not work as expected

$('form').submit(function(){

// code goes here

});

// So, better USE THIS INSTEAD:

$('button[type="submit"]').on('click', function() {

// skipping validation part mentioned above

});