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

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

html
1コード
2```<!DOCTYPE html>
3<html class="no-js" lang="ja" ng-app="myApp">
4　<head>
5  <link href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/css/lightbox.css" rel="stylesheet">
6　<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
7　<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.7.1/js/lightbox.min.js" type="text/javascript"></script>
8  <meta charset="UTF-8">
9  <meta http-equiv="X-UA-Compatible" content="IE=edge">
10  <meta name="viewport" content="width=device-width, initial-scale=1.0">
11  <title>NOVACard</title>
12</head>
13
14<body>
15  <div>
16  <header>
17    <h1 id="Top">NOVA Card Search Engine</h1>
18    <nav>
19      <ul>
20        <li><a href="#about">NOVAカード検索機</a></li>
21        <li><a href="#contact">お問い合わせ</a></li>
22        <li><a href="https://www.fundeal.jp/">NOVA TCG - ファンディール公式サイト</a></li>
23      </ul>
24    </nav>
25   </header>
26  <section>
27        <h2 id="about">NOVAカード検索機</h2>
28  <p>カード一覧</p>
29<table border="2">
30  <tr>
31      <th>弾数</th>
32      <th>1<input type="checkbox" name="c1" id="c1"></th> 
33      <th>2<input type="checkbox" name="c2" id="c2"></th>
34      <th>3<input type="checkbox" name="c3" id="c3"></th>
35      <th>4<input type="checkbox" name="c4" id="c4"></th>
36      <th>5<input type="checkbox" name="c5" id="c5"></th>
37      <th>EX1<input type="checkbox" name="cEX1" id="cEX1"></th>
38  </tr>
39  <tr>
40      <th>6<input type="checkbox" name="c6" id="c6"> </th>
41      <th>7<input type="checkbox" name="c7" id="c7"></th>
42      <th>8<input type="checkbox" name="c8" id="c8"></th>
43      <th>9<input type="checkbox" name="c9" id="c9"></th>
44      <th>10<input type="checkbox" name="c10" id="c10"></th>
45      <th>EX2<input type="checkbox" name="cEX2" id="cEX2"></th>
46      <th>PR<input type="checkbox" name="cPR" id="cPR"></th>
47  </tr>
48</table>
49<table border="2">
50  <tr>
51    <th>黒<input type="checkbox" name="cblack" id="cblack"> </th>
52    <th>白<input type="checkbox" name="cwhite" id="cwhite"></th>
53    <th>緑<input type="checkbox" name="cgreen" id="cgreen"></th>
54    <th>青<input type="checkbox" name="cbule" id="cbule"></th>
55    <th>赤<input type="checkbox" name="cred" id="cred"></th>
56    <th>無<input type="checkbox" name="cless" id="cless"></th>
57    </table>
58<table border="2">
59      <tr>
60        <th>キャラ<input type="checkbox" name="cCC" id="cCC"> </th>
61        <th>サーバント<input type="checkbox" name="cSV" id="cSV"></th>
62        <th>スペル<input type="checkbox" name="cSP" id="cSP"></th>
63        <th>マジックアイテム<input type="checkbox" name="cMI" id="cMI"></th>
64</table>
65<table border="1">
66<th><p>所属</p></th>
67<th><select name="syozoku" id="syozoku">
68    <option value="2">ギフト</option>
69</select></th>
70<th><p>種族</p></th>
71<th><select name="syuzoku" id="syuzoku">
72  <option value="2">大罪</option>
73</select></th>
74<th><select name="AT" id="AT">
75  <p>Attack</p>
76  <option value="2">0</option>
77  <option value="3">100</option>
78  <option value="4">200</option>
79  <option value="5">300</option>
80  <option value="6">400</option>
81  <option value="7">500</option>
82  <option value="8">600</option>
83  <option value="9">700</option>
84  <option value="10">800</option>
85  <option value="11">900</option>
86</select></th>
87<th><select name="ST" id="ST">
88  <p>Stamina</p>
89  <option value="2">0</option>
90  <option value="3">100</option>
91  <option value="4">200</option>
92  <option value="5">300</option>
93  <option value="6">400</option>
94  <option value="7">500</option>
95  <option value="8">600</option>
96  <option value="9">700</option>
97  <option value="10">800</option>
98  <option value="11">900</option>
99</select></th>
100</table>
101<table border="5">
102  <tr>
103      <th>弾数</th>
104      <th>色</th>
105      <th>名前</th>
106      <th>所属</th>
107      <th>種族</th>
108      <th>レベル/コスト</th>
109      <th>Attack</th>
110      <th>Stamina</th>
111  </tr>
112  <tr>
113    <td>1弾</td>
114    <td>黒</td>
115    <td><a href="./img/01B/01B01.PNG" data-lightbox="group"><img src="./img/01B/01B01.PNG" alt="" width="140px" height="100">色欲のティーティア</a></td>
116    <td>ギフト</td>
117    <td>大罪</td>
118    <td>1</td>
119    <td>－</td>
120    <td>－</td>
121</tr>
122    <td>1弾</td>
123    <td>黒</td>
124    <td><a href="./img/01B/01B02.PNG" data-lightbox="group"><img src="./img/01B/01B02.PNG" alt="" width="140px" height="100">憤怒のフィオリア</a></td>
125    <td>ギフト</td>
126    <td>大罪</td>
127    <td>1</td>
128    <td>300</td>
129    <td>200</td>
130  </tr>
131      
132</table>
133</section>
134<section>
135  <h3 id="contact">お問い合わせ</h3>
136  <p>サイトに関するお問い合わせ</p>
137  <form action="#" method="POST">
138  <dl>
139    <dt><label for="username">お名前(必須):</label> </dt>
140    <dd><input type="text" name="username" id="username" value=""></dd>
141    <dt><label for="email">メールアドレス:</label></dt>
142    <dd><input type="email" name="email" id="email" value=""></dd>
143    <dt><label for="type">お問い合わせ種類</label></dt>
144    <dd>
145      <select name="type" id="type">
146        <option value="1">このサイトについて</option>
147        <option value="2">その他</option>
148      </select>
149    </dd>
150    <dt><label for="content">お問い合わせ内容:</label></dt>
151    <dd><textarea name="content" id="content" cols="30" rows="10"></textarea></dd>
152  </dl>
153    <p><input type="submit" value="送信する"></p>
154  </form>
155  </section>
156 <h3><a href="https://www.fundeal.jp/">NOVA TCG ファンディール公式サイト</a></h3>
157 <footer><a href="#Top">Topに戻る</footer>
158   </div>
159</body>
160</html>