データが一件もないという条件では、削除ボタンを非表示にしたい

Question

現在、登録画面と、その結果を一覧表示させる画面の全二画面からなるシステムを作成しています。また、一覧画面で表示をする際に下記のソースコードを見ていただきたいのですが、リクエストから取得した商品のデータの個数に応じて、データを選択し削除するためのラジオボタンを自動生成しております。

---一覧画面のJSPより出力部分を抜粋

<%--スコープから取り出したデータをlistに取得します--%>
<%
@SuppressWarnings("unchecked")
ArrayList<ItemBean> list = (ArrayList<ItemBean>)request.getAttribute("ITEMBEAN_LIST");
%>
<%--拡張for文で出力します--%>
<% for( ItemBean itemBean:list ) { %>
<tr>
<td><%= itemBean.getId() %></td> <%--ID--%>
<td><%= itemBean.getName() %></td> <%--商品名--%>
<td><%= itemBean.getGenreName() %></td> <%--ジャンル--%>
<td><%= itemBean.getSaleDate() %></td> <%--発売日--%>
<td><input type="radio" name="radiobtn" value="<%= itemBean.getId() %>"></td> <%--ラジオボタンでIDの値を送信します--%>
<% } %>
</tr>
</table>
<table id="table-02" align="center" style="margin-bottom:100px">
<tr>
<td>
<input type="submit" value="削除" onClick="return deleteChk();">
<input type="button" value="戻る" onClick="location.href='jsp/regist.jsp'">
</td>
</tr>
</table>

</form>

---

以上をふまえた上での質問なのですが、データを一件も取得できなかった場合、つまり一覧画面に表示されているデータが無い場合に、削除ボタンを非表示にしたいのですが、javaScriptを使う場合、関数内で何を判断材料にして、ボタンの表示・非表示を切り替えるのかがわかりません。どなたか教えてはいただけないでしょうか？何卒宜しくお願いします。

Comments

[argius]

JSPで非表示にするのではなく、JavaScript限定なのは何か理由がありますか？

[touch]

その背景も記述しておくべきでした。申し訳ございません。
JSPで非表示にできることも存じ上げているのですが、
JavaScriptを使った手法も勉強のため知っておきたいと思ったからです。

Answer 1

javascriptを使う場合は、inputのhiddenのvalueにJSPで件数を設定しておいて、javascriptのページロードイベントでhiddenに設定したvalueの件数を判定して、削除ボタンのスタイルのdisplayをDOM操作で変更する、といった処理になると思います。

Comments

[touch]

ご回答ありがとうございます。
一つ質問をさせていただきたいのですが、件数というのは、ラジオボタンが何個生成
されているのかという意味の件数なのでしょうか？

[chiku_]

ラジオボタンが何個生成されているのかという意味の件数、一覧画面に表示されているデータ件数になります。

下記が簡単なサンプルソースになります。
削除ボタンの表示・非表示だけならjspでやってしまった方が、いいように思います・・。

# jsp
<input type="submit" id="delete_button" value="削除" onClick="return deleteChk();">
<input type="hidden" id="item_count" value="<%= list.count() %>">

# javascript(jquery使用)
jQuery(document).ready(
if ($("#item_count").val() > 0) {
$("#delete_button").css("display", "");
} else {
$("#delete_button").css("display", "none");
}
);

[touch]

ご返答およびサンプルコードの記載ありがとうございます。
list.count()をvalueとする発想は思いつきませんでした。
こちらのコードを参考に自身でも実装してみたいと思います。
重ねてお礼申し上げます。