jQuery､Ajax､PHPを使って､ﾃﾞｰﾀを絞り込んで表示する方法を教えていただけないでしょうか？ /*or検索*/ <input type="checkbox" name="country_id[]" value="1" id="Co…

jQuery､Ajax､PHPを使って､ﾃﾞｰﾀを絞り込んで表示する方法を教えていただけないでしょうか？
/*or検索*/
<input type="checkbox" name="country_id[]" value="1" id="CountryId1" />日本
<input type="checkbox" name="country_id[]" value="2" id="CountrdIs2" />ｱﾒﾘｶ
<input type="checkbox" name="country_id[]" value="3" id="CountryId3" />ｱｼﾞｱ

/*and検索*/
<input type="checkbox" name="dgenre_id[]" value="1" id="GenreId1" />ｱｸｼｮﾝ
<input type="checkbox" name="genre_id[]" value="2" id="GenreId2" />ﾄﾞﾗﾏ
<input type="checkbox" name="genre_id[]" value="3" id="GenreId3" />ﾎﾗｰ

/*ﾃﾞｰﾀ表示部分*/
<section id="movieList" class="group">
<img src="/eigazuki/img/poster/1.jpeg"/>
<img src="/eigazuki/img/poster/2.jpeg"/>
を含め100件の画像を表示しています｡
</section>

作業の流れとしては､
100件の画像の中から､ﾁｪｯｸﾎﾞｯｸｽの(国はｱﾒﾘｶで､ｼﾞｬﾝﾙがｱｸｼｮﾝとﾎﾗｰな作品)valut値に一致した画像のみを表示｡

｢検索ﾎﾞﾀﾝを押してから画像を表示させる処理｣は出来るのですが､それをﾎﾞﾀﾝを押さずにﾘｱﾙﾀｲﾑで行いたいのです｡
2.3日考え､調べたのですが全くのお手上げです｡
どなたか､ｱﾄﾞﾊﾞｲｽは参考になるｻｲﾄを教えていただけると幸いです｡

<!DOCTYPE html>
<html>
 <head>
 <meta charset="utf-8">
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
 <script>
 $(function() {
 $('input:checkbox').change(function() {
$('#listBlock01 section').css('display', 'none');
var checked = {country_id:[], genre_id:[]};
var c = $('input:checkbox:checked');
if (!c.length) return;
c.each(function(){
var name = this.name.replace('[]','');
var value = this.value;
var tmp = 'input:hidden[name*="' + name + '"][value="' + value + '"]';
checked[name].push(tmp);
});
checked.country_id = checked.country_id.length ? ':has(' + checked.country_id.join(',') + ')' : '';
checked.genre_id = checked.genre_id.length ? ':has(' + checked.genre_id.join('+') + ')' : '';
var ss = 'section' + checked.country_id + checked.genre_id;
$(ss).css('display', 'inline')
 });
 });
 </script>
 <style>
 #listBlock01 section {
 display: none;
 }
 </style>
 </head>
 <body>
 or検索
<input type="checkbox" name="country_id[]" value="1" />日本
<input type="checkbox" name="country_id[]" value="2" />ｱﾒﾘｶ<br>
 and検索
<input type="checkbox" name="genre_id[]" value="1">ｱｸｼｮﾝ
 <input type="checkbox" name="genre_id[]" value="2">ﾄﾞﾗﾏ
 <div class="unitMovie group" id="listBlock01">
 <section class="innr group">
 <h1 class="image slideUp">
 <a href="/eigazuki/view/1" target="_blank" title="ｲｰｸﾞﾙ･ｱｲ">
 <img alt="ｲｰｸﾞﾙ･ｱｲ" class="capture" height="253" src="/eigazuki/img/poster/1.jpeg" width="180" />
 </a>
 </h1>
 <p class="tagline balloon04">それは全てを見ている｡しかし､その姿は決して見えない｡</p>
 <input type="hidden" name="data[Movie][country_id]" value="2"/>
 <input type="hidden" name="data[Movie][genre_id]" value="1"/>
 </section>
 <section class="innr group">
 <h1 class="image slideUp">
 <a href="/eigazuki/view/2" target="_blank" title="とっとこﾊﾑ次郎">
 <img alt="とっとこﾊﾑ次郎" class="capture" height="253" src="/eigazuki/img/poster/2.jpeg" width="180" />
 </a>
 </h1>
 <p class="tagline balloon04">ﾊﾑﾊ?｡</p>
 <input type="hidden" name="data[Movie][country_id]" value="1"/>
 <input type="hidden" name="data[Movie][genre_id]" value="1"/>
<input type="hidden" name="data[Movie][genre_id]" value="2"/>
 </section>
 </div>
 </body>
</html>

適当(逃げ道)

参考：Jqueryのfindでand検索or検索 - ［Swb:］渋谷に住むWEBﾃﾞｻﾞｲﾅの備忘録