So I read the other post about checkbox required attributes but i couldnt get an answer.Other post. It says that i just need to either put the checkbox collection into a DIV or add the "data-grouprequired " attribute to just one checkbox of the group. None of them work. The documentation here says that i just need to add it and it is supposed to require at least one checkbox check. Heres my code
<html>
<body>
<form>
<input type="checkbox" name="21" value="ff" onclick="document.getElementById('21a').removeAttribute('required')" data-grouprequired/> </br>
<input type="checkbox" name="21" value="zz" onclick="document.getElementById('21a').removeAttribute('required')"/> </br>
<input type="checkbox" name="21" value="zzf" onclick="document.getElementById('21a').removeAttribute('required')"/> </br>
<input type="checkbox" name="21" value="afaf" onclick="document.getElementById('21a').removeAttribute('required')"/> </br>
<input type="checkbox" name="21" value="tz" onclick="document.getElementById('21a').removeAttribute('required')"></br>
<input type="checkbox" name="21" value="gaga" onclick="document.getElementById('21a').setAttribute('required', true)" /></br>
<input type="checkbox" name="21" value="a" onclick="document.getElementById('21a').removeAttribute('required')"/></br>
<b> Text </b><input type="text" name="quarter" required ></br>
<input type="submit">
</form>
</body>
</html>
With this i am not getting the functionality I need. Any ideas? Thanks!