title: How to Disable radio button based on previous radio selection
body: <p>here is my code want to disable color and stone on the basis of combination
  for example if use select
  gold:red and blue stone will be disable
  for rose -gold :blue ,tiger eye ,sunglow and malachite will be disable
  and for silver red,black,tiger eye ,sunglow ,malachite and black will be disable</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-js lang-js prettyprint-override"><code>$("input[name^='product_']").on('change', (e) =&gt; {
    $("input[name='combination']").prop('checked', false);
    var productColor = $("input[name='product_color']:checked").val();
    var productStone = $("input[name='product_stone']:checked").val();
  
    if (productColor !== undefined &amp;&amp; productStone !== undefined) {
      if ($(`input[data-color='${productColor}'][data-stone='${productStone}']`).length) {
        $(`input[data-color='${productColor}'][data-stone='${productStone}']`).trigger('click');
      }else{
      alert("varient not found");
      }
  
    }
  
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>    &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;div class="product_colors"&gt;
          &lt;span class="header" style="display:block;"&gt;Color&lt;/span&gt;
        
          &lt;label class="color_label active"&gt;   
                  &lt;input type="radio" name="product_color" value="gold" &gt;Gold                           
                  &lt;span style="""&gt;&lt;/span&gt;                  
                  &lt;/label&gt;
        
          &lt;label class="color_label"&gt;   
                  &lt;input type="radio" name="product_color" value="rose gold"&gt;Rose Gold                         
                  &lt;span style="" data-title="rose gold"&gt;&lt;/span&gt;                  
                  &lt;/label&gt;
        
          &lt;label class="color_label"&gt;   
                  &lt;input type="radio" name="product_color" value="silver" &gt; Silver                            
                  &lt;span style="" data-title="silver"&gt;&lt;/span&gt;                  
                  &lt;/label&gt;
        &lt;/div&gt;
        
        &lt;div class="product_stones"&gt;
          &lt;span class="header" style="display:block;"&gt;Stone&lt;/span&gt;
        
          &lt;label class="stone_label"&gt;
                  &lt;input type="radio" name="product_stone" value="malachite" &gt;malachite         
                &lt;/label&gt;
        
          &lt;label class="stone_label active"&gt;
                  &lt;input type="radio" name="product_stone" value="tiger-eye" &gt; tiger-eye        
                &lt;/label&gt;
        
          &lt;label class="stone_label"&gt;
                  &lt;input type="radio" name="product_stone" value="black" &gt; black           
                &lt;/label&gt;
        
          &lt;label class="stone_label"&gt;
                  &lt;input type="radio" name="product_stone" value="blue" &gt; blue         
                &lt;/label&gt;
          &lt;label class="stone_label"&gt;
                  &lt;input type="radio" name="product_stone" value="red" &gt; red         
          &lt;/label&gt;
        
        &lt;/div&gt;
        
        &lt;div class="combination"&gt;
          Combination
          &lt;div class="hidden"&gt;
            &lt;input type="radio" name="combination" class="hidden_wrap" data-color="gold" data-stone="malachite" data-handle="joory-earring-malachite-gold"&gt; gold-malachite
            &lt;input type="radio" name="combination" class="hidden_wrap" data-color="gold" data-stone="tiger-eye" data-handle="copy-of-joory-earrings-tiger-eye-gold"&gt;gold-tiger-eye
            &lt;input type="radio" name="combination" class="hidden_wrap" data-color="gold" data-stone="black" data-handle="copy-of-joory-earrings-tiger-eye-gold"&gt;gold-black
            &lt;input type="radio" name="combination" class="hidden_wrap" data-color="gold" data-stone="sunglow" data-handle="copy-of-joory-earrings-tiger-eye-gold"&gt;gold-sunglow
            &lt;input type="radio" name="combination" class="hidden_wrap" data-color="rose gold" data-stone="black" data-handle="kanz-ring-black-rose-gold"&gt; rose-gold-black
            &lt;input type="radio" name="combination" class="hidden_wrap" data-color="rose gold" data-stone="red" data-handle="kanz-ring-black-rose-gold"&gt; rose-gold-red
            &lt;input type="radio" name="combination" class="hidden_wrap" data-color="silver" data-stone="blue" data-handle="joory-earring-blue-silver"&gt; silver-blue
        
          &lt;/div&gt;
        &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>