在选择了一个选择框的值后使复选框成为必需的（jquery-验证）

Question

我已经看到了一些答案，但是当我尝试它们时它们不起作用。

我尝试做的是当我在选择框中选择了 test1，值为 8，然后需要检查复选框，或者至少检查一个。

当我选择了 test2 时，则不需要选中这些复选框。

示例：

<form id="submit" method="post" action="" name="postform"/>
<select name="type"/>
<option>Select type</option>
<option value="8">test1</option>
<option value="12">test2</option>
</select>

<input name="group[]" type="checkbox" value="1"/>
<input name="group[]" type="checkbox" value="2"/>
<input name="group[]" type="checkbox" value="3"/>
</form>

这里是 jquery 验证：

$("#submit").validate({
    rules: {
        type: "required",
        group: {
            required: {
                depends: function() {
                    if ($('#type').val() == 8) {
                        return true;
                    } else {
                        return false;
                    }
                }
            }
        }
    },
    messages: {
        group: "groups are required."
    }
});

对于群组，我也试过不带 [] 也没有用。

Answer 1

使用它会在 select 下拉值的每个输入复选框中添加必需的属性 --

<script type="text/javascript">
    $(document).ready(function(){
        $('#dropdown').change(function(){
        $('input:checkbox').attr("required", "true");
        });
    });
</script>

在选择了一个选择框的值后使复选框成为必需的（jquery-验证）

Make checkboxes required after a value of a selectbox has been chosen (jquery-validate)

html

jquery

jquery-validate