I have a document library form on which there are two multiple choice fields as shown in below image. Now when user select the option "Select All" in "Vertical" field all check-boxes in "Vertical" field should get selected. Similarly this should happen for field "Horizontal".
I am done this in SharePoint 2010 with Javascript using ID of the "Select All" checkbox but unable to do the same is SharePoint 2013.
When I check the view source it shows different markup in 2013. In 2010 for each option proper html markup use to come, but in SharePoint 2013 it is coming as below
<tr>
<td nowrap="true" valign="top" width="113px" class="ms-formlabel"><h3 class="ms-standardheader">
<nobr>Vertical</nobr>
</h3></td>
<td valign="top" width="350px" class="ms-formbody">
<!-- FieldName="Vertical"
FieldInternalName="Vertical"
FieldType="SPFieldMultiChoice"
-->
<span id='WPQ2fa6194eb-48e1-484e-9b45-3199ab288811Vertical' data-sp-control='SPFieldMultiChoice' data-sp-options='{"mode":2,"source":"Vertical"}'></span>
</td>
</tr>
How to achive this using jquery or javascript?