Отключить радиокнигу с помощью ближайшего в JQuery

Question

Как отключить радиокнопку с обеих сторон при нажатии переключателя в центре с помощью Ближайшего?

<div class="pure-u-1 pure-u-md-1-5"> 
    <span style="white-space: nowrap;"> 
    <span style="display: inline-block;"> 
     <label for="COMA"> 
      <p> 
       <input type="radio" value="Yes" name="COM" id="COM0"> 
       Yes &nbsp;&nbsp; 
      </p> 
     </label> 
    </span> 

    <span style="display: inline-block;"> 
     <label for="COMA"> 
      <p> 
       <input type="radio" checked="checked" value="No" name="COM" id="COM1"> 
       No &nbsp;&nbsp; 
      </p> 
     </label> 
    </span> 

    <span style="display: inline-block;"> 
     <label for="COMA"> 
      <p> 
       <input type="radio" value="NA" name="COM" id="COM2"> 
       NA &nbsp;&nbsp; 
      </p> 
     </label> 
    </span> 
    </span> 
</div> 

На щелчке Нет, я хочу, чтобы отключить кнопку NA радио ДА и, но не с помощью каких-либо Контурных/итераций или отключения от статического имени или ID, но хочу методы Jquery ближе или братья и сестры, чтобы сделать то же самое ,

Как это возможно в JQuery, используя его?

Answer 1

Попробуйте

DEMO HERE

$('input[type=radio]').on('click',function(){ 
    $("input:radio").attr('disabled',true); 
    $(this).removeAttr('disabled'); 
}); 

или просто с одной строки

DEMO

$('input[type=radio]').on('click',function(){ 
    $("input:radio").not($(this)).attr('disabled',true); 
}); 

Answer 2

Вы можете сделать это вот так, в основном вы берете ближайший <div>, а затем находите все <input> типа radio, но радио «Нет» и отключите их.

$("#COM1").on("click", function() { 
    var $no = $(this); 
    $no.closest("div").find("input:radio").not($no).attr("disabled", true); 
}); 

Смотреть это http://jsfiddle.net/4459rqtp/