update one checkbox when clicking another

I have two checkboxes for capturing the delivery/collection methods.

checkbox 1 visible for desktop

<input type="radio" value="COLLECTION" id="coldelcheck1" name="coldelcheck1" 
class="icheck" checked onclick="coldel_pref()"  onchange="coldel_pref()" >
<input type="radio" value="DELIVERY" id="coldelcheck1" name="coldelcheck1" 
class="icheck" checked onclick="coldel_pref()"  onchange="coldel_pref()" >

checkbox 2 visible for mobile.

<input type="radio" value="COLLECTION" id="coldelcheck2" name="coldelcheck2" 
class="icheck" checked onclick="coldel_pref()"  onchange="coldel_pref()" >
<input type="radio" value="DELIVERY" id="coldelcheck2" name="coldelcheck2" 
class="icheck" checked onclick="coldel_pref()"  onchange="coldel_pref()" >

if user clicks the desktop version then i want the corresponding hidden mobile value to checked and vice versa. if delivery on desktop is checked then i want the delivery on mobile to be checked. how can i do this using jquery/javascript.

appreciate any help.