Sætte required på radio og input hvis anden radio er valgt
Jeg har 2 niveauer af radioknapper, hvor hvis den første radioknap klikkes på en bestemt værdi, afsløres en anden DIV med 2 grupper af hver 2 radioknapper, hvis den rigtige værdi for den anden gruppe vælges, bliver en anden DIV med et tredie INPUT TEXT-felt vist.Jeg har brug for at få sat værdien required = "" (Jeg bruger Parsley.JS-validator) på en af grupperne, hvis den første er markeret, og igen på indtastningsfeltet, hvis den rigtige værdi i anden gruppe vælges, men hvordan kan jeg opnå dette?
Første gruppe:
<table>
<tr>
<td>Company Mobile?</td>
<td><input type="radio" name="CompanyMobile" id="CompanyMobileYES" value="yes" onclick="CompanyMobileFunction()" Required="" mincheck="1"> Yes <input type="radio" name="CompanyMobile" id="CompanyMobileNO" value="no" onclick="CompanyMobileFunctionClose()"> No </font></td>
</tr>
</table>
Anden gruppe:
<div id="CompanyMobile" style="display: none;">
<table>
<tr>
<td>What phone? :</td>
<td><input type="radio" name="MobileOS" value="iPhone"> iPhone <input type="radio" name="MobileOS" value="Android"> Android</td>
</tr>
<tr>
<td>New Number or move existing? :</td>
<td><input type="radio" name="CompanyMobileMove" value="newnumber" onclick="CompanyMobileMoveFunctionClose()"> New Number <input type="radio" name="CompanyMobileMove" value="movenumber" onclick="CompanyMobileMoveFunction()"> Move Existing </font></td>
</tr>
</table>
Tredie gruppe:
<div id="MobileMove" style="display: none;">
<table class="nobackground" style="noborders" borders="2" cellpadding="6">
<tr>
<td>Number to move :</td>
<td><input class="form-control" style="width: 100px;" type="text" id="mobiletomove" name="mobiletomove" maxlength="8"></td>
</tr>
</table>
Jeg har bla. forsøgt med de teknikker som vises i nedenstående link, men har ikke kunnet få det til at fungere:
https://stackoverflow.com/questions/1423777/how-can-i-check-whether-a-radio-button-is-selected-with-javascript