質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
87.20%
JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

受付中

checkboxでフィルタリングしたい

kizin0119
kizin0119

総合スコア0

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

1回答

0評価

1クリップ

173閲覧

投稿2022/05/26 13:00

編集2022/05/29 19:24

現在私は以下のようなカードゲームのカードをまとめるサイトを自作しようとしてます。
それで弾数の欄のcheckboxを操作すれば下のカードの表の弾数からフィルターされるようにしたいのですが、どうするのかわかりませんご教授お願い致します。
イメージ説明

html

コード ```<!DOCTYPE html> <html class="no-js" lang="ja" ng-app="myApp">  <head> <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet">  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>  <script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>NOVACard</title> </head> <body> <div> <header> <h1 id="Top">NOVA Card Search Engine</h1> <nav> <ul> <li><a href="#about">NOVAカード検索機</a></li> <li><a href="#contact">お問い合わせ</a></li> <li><a href="https://www.fundeal.jp/">NOVA TCG - ファンディール公式サイト</a></li> </ul> </nav> </header> <section> <h2 id="about">NOVAカード検索機</h2> <p>カード一覧</p> <table border="2"> <tr> <th>弾数</th> <th>1<input type="checkbox" name="c1" id="c1"></th> <th>2<input type="checkbox" name="c2" id="c2"></th> <th>3<input type="checkbox" name="c3" id="c3"></th> <th>4<input type="checkbox" name="c4" id="c4"></th> <th>5<input type="checkbox" name="c5" id="c5"></th> <th>EX1<input type="checkbox" name="cEX1" id="cEX1"></th> </tr> <tr> <th>6<input type="checkbox" name="c6" id="c6"> </th> <th>7<input type="checkbox" name="c7" id="c7"></th> <th>8<input type="checkbox" name="c8" id="c8"></th> <th>9<input type="checkbox" name="c9" id="c9"></th> <th>10<input type="checkbox" name="c10" id="c10"></th> <th>EX2<input type="checkbox" name="cEX2" id="cEX2"></th> <th>PR<input type="checkbox" name="cPR" id="cPR"></th> </tr> </table> <table border="2"> <tr> <th><input type="checkbox" name="cblack" id="cblack"> </th> <th><input type="checkbox" name="cwhite" id="cwhite"></th> <th><input type="checkbox" name="cgreen" id="cgreen"></th> <th><input type="checkbox" name="cbule" id="cbule"></th> <th><input type="checkbox" name="cred" id="cred"></th> <th><input type="checkbox" name="cless" id="cless"></th> </table> <table border="2"> <tr> <th>キャラ<input type="checkbox" name="cCC" id="cCC"> </th> <th>サーバント<input type="checkbox" name="cSV" id="cSV"></th> <th>スペル<input type="checkbox" name="cSP" id="cSP"></th> <th>マジックアイテム<input type="checkbox" name="cMI" id="cMI"></th> </table> <table border="1"> <th><p>所属</p></th> <th><select name="syozoku" id="syozoku"> <option value="2">ギフト</option> </select></th> <th><p>種族</p></th> <th><select name="syuzoku" id="syuzoku"> <option value="2">大罪</option> </select></th> <th><select name="AT" id="AT"> <p>Attack</p> <option value="2">0</option> <option value="3">100</option> <option value="4">200</option> <option value="5">300</option> <option value="6">400</option> <option value="7">500</option> <option value="8">600</option> <option value="9">700</option> <option value="10">800</option> <option value="11">900</option> </select></th> <th><select name="ST" id="ST"> <p>Stamina</p> <option value="2">0</option> <option value="3">100</option> <option value="4">200</option> <option value="5">300</option> <option value="6">400</option> <option value="7">500</option> <option value="8">600</option> <option value="9">700</option> <option value="10">800</option> <option value="11">900</option> </select></th> </table> <table border="5"> <tr> <th>弾数</th> <th></th> <th>名前</th> <th>所属</th> <th>種族</th> <th>レベル/コスト</th> <th>Attack</th> <th>Stamina</th> </tr> <tr> <td>1弾</td> <td></td> <td><a href="./img/01B/01B01.PNG" data-lightbox="group"><img src="./img/01B/01B01.PNG" alt="" width="140px" height="100">色欲のティーティア</a></td> <td>ギフト</td> <td>大罪</td> <td>1</td> <td></td> <td></td> </tr> <td>1弾</td> <td></td> <td><a href="./img/01B/01B02.PNG" data-lightbox="group"><img src="./img/01B/01B02.PNG" alt="" width="140px" height="100">憤怒のフィオリア</a></td> <td>ギフト</td> <td>大罪</td> <td>1</td> <td>300</td> <td>200</td> </tr> </table> </section> <section> <h3 id="contact">お問い合わせ</h3> <p>サイトに関するお問い合わせ</p> <form action="#" method="POST"> <dl> <dt><label for="username">お名前(必須):</label> </dt> <dd><input type="text" name="username" id="username" value=""></dd> <dt><label for="email">メールアドレス:</label></dt> <dd><input type="email" name="email" id="email" value=""></dd> <dt><label for="type">お問い合わせ種類</label></dt> <dd> <select name="type" id="type"> <option value="1">このサイトについて</option> <option value="2">その他</option> </select> </dd> <dt><label for="content">お問い合わせ内容:</label></dt> <dd><textarea name="content" id="content" cols="30" rows="10"></textarea></dd> </dl> <p><input type="submit" value="送信する"></p> </form> </section> <h3><a href="https://www.fundeal.jp/">NOVA TCG ファンディール公式サイト</a></h3> <footer><a href="#Top">Topに戻る</footer> </div> </body> </html>

良い質問の評価を上げる

以下のような質問は評価を上げましょう

  • 質問内容が明確
  • 自分も答えを知りたい
  • 質問者以外のユーザにも役立つ

評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

気になる質問をクリップする

クリップした質問は、後からいつでもマイページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

  • プログラミングに関係のない質問
  • やってほしいことだけを記載した丸投げの質問
  • 問題・課題が含まれていない質問
  • 意図的に内容が抹消された質問
  • 過去に投稿した質問と同じ内容の質問
  • 広告と受け取られるような投稿

評価を下げると、トップページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

yambejp

2022/05/27 05:07 編集

弾、色、所属、種族などすべてAND検索なのですよね? 複数ある弾数のチェックボックスがすべてチェックなしの場合は ヒットなしで大丈夫ですか? 本来であればDBでやる案件だと思います

まだ回答がついていません

会員登録して回答してみよう

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
87.20%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問

同じタグがついた質問を見る

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。