JQuery: Toggle two radio buttons by clicking on only one of it
<p><strong>How can I toggle the checked status of two radio buttons by clicking on only one of them?</strong></p>

<p>Please take a look at the example below.</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>.option{
  -webkit-user-select: none;  
  -moz-user-select: none;     
  -ms-user-select: none;     
  user-select: none;    
}

.option-checkbox-1{
  opacity: 0.7;
  pointer-events: none;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;label class="option option-checkbox-1"&gt;
&lt;input type="radio" id="radio1" name="group[1]" value="1" checked="checked"&gt;
Radio 1
&lt;/label&gt;
&lt;label class="option option-checkbox-2"&gt;
&lt;input type="radio" id="radio2" name="group[1]" value="2"&gt;
Radio 2
&lt;/label&gt;</code></pre>
</div>
</div>
</p>