使用jQuery顯示和隱藏單選按鈕

Question

我正在使用jQuery顯示和隱藏一組單選按鈕。我正在做的是我顯示所有的單選按鈕，然後隱藏它。爲什麼我不能在相對的單選按鈕上顯示？我正在顯示基於所選年份的單選按鈕。請檢查小提琴，以便您可以獲得足夠的上下文。

我的代碼是

$('.ncbclaim-slider-noclaim input:radio[name="form.details.insurancePolicyToTransfer.noClaimBonusInBPS.noClaim"]').parents('.claim-details-tooltip').show(); 
$('.ncbclaim-slider-noclaim input:radio[name="form.details.insurancePolicyToTransfer.noClaimBonusInBPS.noClaim"]').not(':lt('+(noNcbYear + 1)+')').parents('.claim-details-tooltip').hide(); 

http://jsfiddle.net/5ept4r74/42/

我可以把它在同一線代碼？我無法弄清楚如何去做。

Answer 1

試試這個：

Demo

$('.ncbclaim-slider-noclaim').addClass('dontshow'); 
$('#eForm_registeredDate').change(function() { 
    $('.ncbclaim-slider-noclaim').removeClass('dontshow'); 
    var currentYear = new Date().getFullYear(); 
    var registeredYear = $(this).val(); 
    $('.ncbclaim-slider .radio-box').show(); 
    if ($(this).val() != '0') { 
     var noNcbYear = currentYear - registeredYear; 

     $('input:radio').filter(function(i,e){ 
      if(i<noNcbYear+1){ 
       $(e).parents('.claim-details-tooltip').show(); 
      } else { 
       $(e).parents('.claim-details-tooltip').hide() 
      } 
     }) 

    } else { 
     $('.ncbclaim-slider-noclaim').addClass('dontshow'); 
    } 
});