目前,我使用的是jQuery验证插件,它在输入字段中使用一个简单的必需关键字激活。但是,当我要在动态创建的复选框字段中使用它时,它只是要求选中所有复选框。但我希望至少有一个复选框需要选中。
{% for opt in obj.option_array_a %}
<label>
<input class="optcheckbox" name="optcheckbox_{{ obj.question_number }}"
id="{{ obj.id }}__{{ forloop.counter0 }}" type="checkbox"
value="{{ opt }}"/> <span>{{ opt }}</span><br>
</label>
{% endfor %}
以下是如何检查是否至少选中一个复选框的示例。
$( document ).ready(function() {
$('input[name="question_1"]').change(function(){
$('#result').text($('input[name="question_1"]:checked').length > 0 ? "OK" : "KO");
});
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="checkbox" name="question_1" value="answer 1" /> Answer 1
<input type="checkbox" name="question_1" value="answer 2" /> Answer 2
<div id="result"></div>