私は多くのdivを持っていますが、すべてがクラスproduct_listing
です。それらはすべてプロパティを持ち、accessory
、hardware
、mobile
、またはsoftware
のいずれかです。私のjavascriptでは、自分のカテゴリのチェックボックスをオンにしたものだけを表示したい。 HTMLでの私のチェックボックスは次のようにコード化されています。私のJavaScriptでチェックボックスに基づいてdivを表示したり非表示にしたりする
<input type="checkbox" name="category_filter" value="all"
checked="checked"> All</input><br />
<input type="checkbox" name="category_filter"
value="accessory"> Accessory<br />
<input type="checkbox" name="category_filter"
value="hardware"> Hardware<br />
<input type="checkbox" name="category_filter" value="mobile"> Mobile
App<br />
<input type="checkbox" name="category_filter"
value="software"> Software<br />
私は配列accessory_products
、hardware_products
、mobile_products
、およびsoftware_products
を持っているので、私はちょうど確認ボックスに基づいてそれらを表示し、非表示にする必要があります。私はちょうどチェックボックスをチェックするifステートメントを作成する方法を知りません。誰も助けることができますか?私はもちろん、jqueryを使用しています。
あなたはこれまでにしようとしているかを示すことができますか? – guradio
これまでに何を試しましたか?あなたの問題は[この質問](https://stackoverflow.com/questions/19447591/show-hide-div-when-checkbox-selected)と似ていますが、IDで要素を取得するのではなく、カテゴリ属性? –
1つのチェックボックスと一致する要素の1つのセットで簡単に開始します。 Stackoverflowは無料コード作成サービスでも、* "how to" *チュートリアルサービスでもありません。いくつかの基本的な研究を行い、あなた自身で問題を解決する試みを示すのはあなた次第です。次に、期待どおりに動作していない実際のコードがあるときは、ヘルプを求めます – charlietfl