はじめまして
jqueryの書き方で悩んでいてどなたかご教授いただけると助かります。
複数ランダムにのa・b・c・d・eクラスを持つチェックボックスをユーザーが選択したときに
2以上同じ英語のクラスにチェックが入ったときに
下にある非表示にしたボタンの同じ英語のボタンだけを表示させたい
1つのチェックの時は表示させたくないです
複数のクラスを持つチェックボックスの2以上チェックが入った場合
例えばclass="a b"とclass="b c"のにbtnBだけを表示させたいのですが
どのようにbだけを取得する方法がありますでしょうか・・?
複数のクラスを持つチェックボックス---------------
html
1<ul> 2 <li class="a b"> 3 <input type="checkbox" name="check" id="label1"> 4 <label for="label1"></label> 5 </li> 6 <li class="b c"> 7 <input type="checkbox" name="check" id="label1"> 8 <label for="label1"></label> 9 </li> 10 <li class="d e"> 11 <input type="checkbox" name="check" id="label1"> 12 <label for="label1"></label> 13 </li> 14</ul>
チェックボックスが2つチェックされたら表示させたい---------------
html
1<div class="btnA"></div> 2<div class="btnB"></div> 3<div class="btnC"></div> 4<div class="btnD"></div>
チェックされたクラスから2以上の同じクラス名のみ取得してbtnを表示したい---------------
jquery
1$(function() { 2 $('input[name="check"]').change(function() { 3 var form_class = $(this).parent().attr("class"); 4 }); 5 });