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

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

ただいまの
回答率

90.36%

  • Java

    15050questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • HTML

    10256questions

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

  • Eclipse

    1808questions

    Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

  • JSP

    990questions

    JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

  • Spring

    781questions

    Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。

【JSP】テーブルにラジオボタンを追加&テーブルを1行ずつ消す

受付中

回答 0

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 42

natsu_7

score 2

前提・実現したいこと

プログラミング初心者です。

初期画面で商品と個数を入力して追加ボタンを押すと、
追加画面にテーブルが1行追加されるようなものを作っています。

追加された行には、商品の情報(IDや商品名、単価等)を表示させるのですが、
一番左に削除するためのラジオボタンをつけなくてはなりません。
1つ目の不明点は、このラジオボタンの付け方がわかりません。
valueでどの行を選んでいるかを判断させないといけないのかと考えていますが、
その行を削除するためにはどう設定したらいいかがわかりません。

2つ目の不明点は削除についてです。
1つ目の質問と被るのですが、テーブルの1行分の全ての項目を削除する方法がわかりません。
検索するとJavaScriptが多く出て来るのですが、使用したことがありません。
また、とある課題なのですが、今までJavaScriptを使用することがなかったため、
使わない方法で作成すると思われます。

発生している問題・エラーメッセージ

どう試せばいいかがわからないため、エラーは出ていません。
現状はvalueとContorollerクラスを結びつけていないため、
テーブルの左にラジオボタンが表示されるだけのものとなっています。

該当のソースコード

``HTML ソースコード ```
<%@ page session="false" language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ page import="java.util.*" %>
<%@ page import="java.text.*" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="/sales/resources/css/common.css" />
<title>売上システム(明細追加画面)</title>
</head>
<body>
<form:form modelAttribute="salesForm" action="/sales/system">
<div class="header">
<span class="titleName">ショップ</span>
<% Calendar cal = Calendar.getInstance();
SimpleDateFormat format = new SimpleDateFormat("M月d日(E)");
out.println(format.format(cal.getTime())); %>
</div>
<div>
<table>
<tr>
<td><span class="itemName">商品:</span></td>
<td>
<select name="id" id="id">
<option value="A00101">油性ボールペン</option>
<option value="A00201">極細ボールペン</option>
<option value="A00301">蛍光ペン6色セット</option>
</select>
<%-- <form:select path="name" items="${itemList}" /> --%>
</td>
</tr>
<tr>
<td><span class="itemName">点数:</span></td>
<td><form:input path="quantity" /></td>
</tr>
</table>
</div>
<div class="addBtn">
<div>
<input type="submit" name="add" value="明細追加" />
</div>
<div class="message">
<c:out value="${message}" />
</div>
</div>
<div>
<div>
<span class="itemName">売上明細</span>
</div>
<table class="itemTable">
<tr class="tableTitle">
<th class="itemTh">削除</th>
<th class="itemTh">商品ID</th>
<th class="itemTh">商品名</th>
<th class="itemTh">単価</th>
<th class="itemTh">点数</th>
<th class="itemTh">小計</th>
</tr>
<c:forEach items="${listTable}" var="item" varStatus="status">
<tr>

<td class="itemTd"><input type="radio" name="radiobutton" value="s_id"></td>
<td class="itemTd">${item.id}</td>
<td class="itemTd">${item.name}</td>
<td class="itemTd">${item.price}</td>
<td class="itemTd">${item.quantity}</td>
<td class="itemTd">${item.subtotal}</td>
</tr>
</c:forEach>
</table>
<div>
<span class="totalPrice">合計:${total}</span>
</div>
</div>
<div class="deleteDecideBtn">
<div>
<input type="submit" name="delete" value="削除" />
<input type="submit" name="decide" value="確定" />
</div>
</div>
</form:form>
</body>
</html>

補足情報(FW/ツールのバージョンなど)

Version: Mars.2 Release(4.5.2)
どうぞよろしくお願いいたします。

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

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

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

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

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

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

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

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

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

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

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

  • ただいまの回答率 90.36%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

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

  • Java

    15050questions

    Javaは、1995年にサン・マイクロシステムズが開発したプログラミング言語です。表記法はC言語に似ていますが、既存のプログラミング言語の短所を踏まえていちから設計されており、最初からオブジェクト指向性を備えてデザインされています。セキュリティ面が強力であることや、ネットワーク環境での利用に向いていることが特徴です。Javaで作られたソフトウェアは基本的にいかなるプラットフォームでも作動します。

  • HTML

    10256questions

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

  • Eclipse

    1808questions

    Eclipseは、IBM社で開発された統合開発環境のひとつです。2001年11月にオープンソース化されました。 たくさんのプラグインがあり自由に機能を追加をすることができるため、開発ツールにおける共通プラットフォームとして位置づけられています。 Eclipse自体は、Javaで実装されています。

  • JSP

    990questions

    JSP(Java Server Pages)とは、ウェブアプリケーションの表示レイヤーに使われるサーバーサイドの技術のことです。

  • Spring

    781questions

    Spring Framework は、Javaプラットフォーム向けのオープンソースアプリケーションフレームワークです。 Java Platform上に、 Web ベースのアプリケーションを設計するための拡張機能が数多く用意されています。