2016-12-04 7 views
-2

jQueryの行に.not()を実装しようとしています。私は各チェックボックスが他の地域から国を呼び出すようにしたい、すなわち、 'ヨーロッパ'をクリックすると '中国'と '日本'が表示されます。私は、HLMLを変更せずにjQueryコードを変更したいと思います。私は試しましたjqueryでの.not()の使用

`$('.my' + (.not($(this))).attr("id")).slideToggle(200)` 

しかし、動作しません。誰も助けることができますか?フィドル:https://jsfiddle.net/h74rtvz8/

<label><input type="checkbox" name="colorCheckbox" id="Europe" />Europe</label> 
<label><input type="checkbox" name="colorCheckbox" id="Asia" />Asia</label> 

<div class="mywrapper"> 
<label class="myEurope"> 
<input type="checkbox" value="Germany" />Germany</label> 
<label class="myEurope"> 
<input type="checkbox" value="Austria" />Austria</label> 
<label class="myAsia"><input type="checkbox" value="China" />China</label> 
<label class="myAsia"><input type="checkbox" value="Japan" />Japan</label> 
</div> 



$('input[type="checkbox"]').click(function() { 
$('.my' + $(this).attr("id")).slideToggle(200) 
}) 



.mywrapper { 
border: 1px solid blue; 
height: 200px; 
width: 300px; 
border: 1px solid blue; 
} 

.myEurope { 
display: none; 
} 

.myAsia { 
display: none; 
} 
+0

私は私の質問に格下げされ、研究努力の不足の私を非難しているか分からないが、私は研究の数時間はこれに費やされていることを皆を保証することができるものです。初心者であることは間違いないかもしれませんが、間違ったトラックに落ちるかもしれませんが、確かに努力の欠如はありません! – Silverburch

+0

はオプションのラジオボタンですか? –

+0

あなたが試したコードは、 '.not()'を使う方法が間違っています。その構文エラーが発生します。 '.not()'の使い方を知るためにJQueryのドキュメント@ http://api.jquery.com/not/をチェックしましたか?ドキュメンテーションに示されている例を見て、それを使用する方法を明確にし、もう一度コードを試してみてください。 (btw、私はあなたの質問をd​​ownvotedていない:)) –

答えて

1

リラックスします。冷静になる。この質問のために怒らないでください。

これは私の例です。多分これはあなたが

$('input[type="checkbox"]').click(function() { 
    // $('.my' + $(this).attr("id")).slideToggle(200); 
    $('.mywrapper > label:not(.my' + $(this).attr("id")+")").slideToggle(200); 
    // @ 
    // $('.mywrapper').find("label").not(".my" + $(this).attr("id")).slideToggle(200); 
}) 

https://jsfiddle.net/synz/w3rvm3ss/3/

+0

本当に、これは間違ったチェックボックスを示して –

+0

本当に?だから私はちょうど彼の質問を誤解した 私は彼が反対をしたいと思った。 「ヨーロッパ」→「中国と日本」をクリックします。 彼の現在の働きは、「ヨーロッパ」をクリックすればドイツとオーストリアが表示されます – synz

+0

彼のコードは – synz