縮短jQuery的多個div /複選框

Question

我寫了一個腳本，顯示/隱藏div取決於選中哪個複選框。我在下面寫的代碼工作正常，但...

有沒有一種方法來縮短此代碼，而不必重複每個額外的複選框/ div的if/else語句我需要添加？

$(function() { 
    $("#submit_button").click(function(){ 
     if ($("input[value='poster1']:checked").val()){ 
      $("#results1").show(); 
     } 
     else { 
      $("#results1").hide(); 
     } 
     if ($("input[value='poster2']:checked").val()){ 
      $("#results2").show(); 
     } 
     else { 
      $("#results2").hide(); 
     } 
     if ($("input[value='poster3']:checked").val()){ 
      $("#results3").show(); 
     } 
     else { 
      $("#results3").hide(); 
     } 

}); 

Answer 1

$("#submit_button").click(function() { 
    $('input').each(function(i,el){ 
     var $el = $(el), 
      num = $el.val().match(/poster(\d*)/)[1]; 
     if ($el.filter(':checked').length) { 
      $('#results'+num).show(); 
     } else { 
      $('#results'+num).hide(); 
     } 
    }); 
}); 

Demo →