0

エラーは発生しないが何もしないことを考えると、それはすべてナンセンスだと確信しているので、jqueryを投稿することは気にしません...

<h3>Candidate Experience</h3>

<div class="search_box">
<input type="checkbox" name="3year" id="3yearexp" value="1"> 3+ Years <br>
<input type="checkbox" name="5year" id="5yearexp" value="2"> 5+ Years <br>
<input type="checkbox" name="7year" id="7yearexp" value="3"> 7+ Years <br>
<input type="checkbox" name="10year" id="10yearexp" value="4"> 10+ Years <br>
</div>

<h3><br>Candidate Salary</h3>

<div class="search_box">
<input type="checkbox" name="3039" value="s29"> less than £29,999<br>
<input type="checkbox" name="3039" value="s3039"> £30,000 - £39,999 <br>
<input type="checkbox" name="4059" value="s4059"> £40,000 - £59,999 <br>
<input type="checkbox" name="6079" value="s6079"> £60,000 - £79,999 <br>
<input type="checkbox" name="80plus" value="80plus"> £80,000 + <br>
</div>





<div class="talent_result_wrapper" data-experience="10yearexp" data-salary="s6079">
<ul>
<li><strong>Talent ID:  </strong>100007</li>
<li><strong>Resides:  </strong>London</li>
<li><strong>Salary Required:  </strong>£67000</li>
<li><strong>Experience:  </strong>10 Years </li>
<li><strong>Industy:  </strong>24</li>
<li><strong>Specialism:  </strong>24</li>
</ul>
<div>
<br>
<br> 

<div class="talent_result_wrapper" data-experience="5yearexp" data-salary="s3039">
<ul>
<li><strong>Talent ID:  </strong>100006</li>
<li><strong>Resides:      </strong>London</li>
<li><strong>Salary Required:  </strong>£35000</li>
<li><strong>Experience:  </strong>5 Years </li>
<li><strong>Industy:  </strong>24</li>
<li><strong>Specialism:  </strong>15</li>
</ul>
</div>

チェックボックスを使用して結果を除外しようとしています。私はこれを何日もグーグルで調べてきましたが、私はまだjqueryにかなり慣れていないので、本当に苦労しています. 基本的に、5 年間の経験のチェックボックスをオンにすると、2 番目の結果が表示されます。同様に、10 年間の経験をクリックすると、最初の結果が表示されるか、両方ある場合は両方が表示されます。

同様に、給与を処理する必要があるため、30k -39k ボックスをチェックすると 2 番目の結果が表示され、10 年と 30k - 39k をチェックすると何も表示されないはずです。

これは理にかなっていますか？

このためのフィドルを作成しました：http://jsfiddle.net/MCam435/hpej8/

このフィドルに似たものを再作成しようとしましたが、ページのコンテンツ全体を非表示にすることしかできませんでした!! http://jsfiddle.net/mattball/d2v4Q/

誰でも助けてもらえますか？

4

2 に答える 2

0

このコードをチェックしてください。完全に完了していません。しかし、あなたはそれを行う方法についてのアイデアを得るでしょう.

$('input[data-exp], input[data-sal]').on('click', function(){
    if(this.checked)
    {
        var exp = $(this).attr('data-exp');
        var sal = $(this).attr('data-sal');
        alert(exp + sal);
        $('.talent_result_wrapper').each(function(){
            if($(this).attr('data-experience') == exp || $(this).attr('data-salary') == sal)
            {
                $(this).show();
            }
            else
            {
                $(this).hide();
            }
        });
    }
});
于 2013-09-10T13:54:03.663 に答える