JSがうまく反映されない

前提・実現したいこと

PHPとJSを使い、フォームボタンを選んだ時に表示非表示を切り替えるコードを作成中です

SQLのcategoryカラムで数字別に分類分けをして
foreach文で、if文でカテゴリ別で繰り返し表示し
JS文でクリックイベントを使い表示非表示を切り替えるという想定になります

理論とサイト上ではきちんと動くのですが、どうしてもforeach文の最初の行だけしかjsが反映されずに残りの繰り返し分は残ったままになります。

ご助言いただければ幸いです

該当のソースコード

PHP
1<h2 class="title">説明会掲示</h2>
2<?php 
3require 'db_connect.php';
4$sql = "select * from demo ";
5$stm = $pdo->prepare($sql);
6$stm->execute();
7$result = $stm->fetchAll(PDO::FETCH_ASSOC);
8?>
9<form>
10<div class="top-form-check">
11    <input class="cate_check" type="radio" name="cate" value="" onclick="formSwitch()" checked="checked">
12    <label class="cate_check_label">すべて</label>
13</div>
14<div class="top-form-check">
15    <input class="cate_check" type="radio" name="cate" value="IT" onclick="formSwitch()">
16    <label class="cate_check_label">IT・情報</label>
17</div>
18<div class="top-form-check">
19    <input class="cate_check" type="radio" name="cate" value="etc" onclick="formSwitch()">
20    <label class="cate_check_label">その他</label>
21</div>
22</form>
23
24<div class="row-items">
25<?php 
26foreach($result as $row){
27    if($row['category'] == 1){
28?>
29 <div id="it-list">
30    <div class="row-item">
31        <img src="images/<?= $row['id'] ?>.png" class="row-img">
32        <h4 class="row-name">
33            <a href="datail<?= $row['id'] ?>.html">
34            <?= $row['name'] ?>
35            </a>
36        </h4>
37        <p class="row-date">日時：<?= $row['date'] ?></p>
38    </div>
39 </div>
40<?php } else if($row['category'] == 2) { ?>
41 <div id="office-list">
42    <div class="row-item">
43        <img src="images/<?= $row['id'] ?>.png" class="row-img">
44        <h4 class="row-name">
45            <a href="datail<?= $row['id'] ?>.html">
46            <?= $row['name'] ?>
47            </a>
48        </h4>
49        <p class="row-date">日時：<?= $row['date'] ?></p>
50    </div>
51 </div>
52<?php
53    }
54}
55?>
56</div>
57<script src="js/code.js"></script>
58=====
59[JS]
60function formSwitch() {
61    hoge = document.getElementsByName('cate');
62    if(hoge[1].checked){
63        document.getElementById('it-list');style.display = "";
64        document.getElementById('office-list');style.display = "none";
65    } else if(hoge[2].checked){
66        document.getElementById('it-list');style.display = "none";  
67        document.getElementById('office-list');style.display = "";  
68    } else {
69        document.getElementById('it-list');style.display = "";
70        document.getElementById('office-list');style.display = "";
71    }
72}