只在一个复选框中显示“必需”(动态显示)

我创建了一个数据库驱动的测试,有三种类型的问题 – 输入类型=无线电,文本和复选框。 如果我在结束标记之前插入必需 ,它适用于广播和文本问题,但不适用于复选框。

问题是每个复选框问题都有几个可能的答案 – 从三到六个不等。 而那些正确答案的选择数量也各不相同。

但是当我向复选框脚本添加“required”时,用户必须选择每个答案才能进入结果页面。 这就是代码的样子:

 

我找到了HTML5必需属性页面,它似乎解决了这个问题。 如果我理解正确,您可以通过在一个元素中插入“required”来解决问题。 因此,如果您将其插入答案A,用户可能会选择答案C和D,一切都会正常工作。

如果这是正确的,那么有没有办法只在一个复选框中显示“必需”,而不是全部?

使用条件作为组的第一个复选框。 我假设你的html代码是用.php文件编写的。

 $required = ($Value == 0) ? "required" : ""; //condition to check if the value is first. since it is database driven it would be better to check the key instead of the value.; echo ''; 

另一种解决方案是使用Jquery添加必需的属性。 例如,如果gender是复选框组的名称,则:

 $('input[type=checkbox][name=gender]')[0].attr('required', 'required');;