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

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

新規登録して質問してみよう
ただいま回答率
85.49%
jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

Java

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

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

Q&A

解決済

1回答

1302閲覧

<HELP!!>onclickメソッドが効きません

RyoM

総合スコア90

jQuery UI

jQuery UI はjQuery公式のインターフェースライブラリであり、対話型のウェブアプリケーションを作る際に役立ちます。

Java

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

jQuery

jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

0グッド

0クリップ

投稿2016/11/18 17:49

お世話になります。
今、jspで取得した複数の値をボタンがクリックした時点でデータベースに格納するという動きを作っているのですが、jqueryのclickメソッドがなぜか効かなくなってしまいました、、、それ以外のjqueryの記述は問題なく処理してくれるのですが、そこのidを指定しても全く動いてくれません。どのようにすればよいでしょうか?わかる方がいらっしゃればお力を貸していただけると非常に助かります。
今回動かないのはidがnextのボタンの部分です。
以下がソースコードです。

html

1<%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> 4<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %> 5<%@ page import="java.util.ArrayList" %> 6<%@ page session="true" %> 7<!DOCTYPE html> 8<html> 9<head> 10<meta charset="UTF-8"> 11<title>レジ</title> 12<link rel="stylesheet" type="text/css" href="http://localhost:8080/PosSystem/basic_css/footer.css"> 13<link rel="stylesheet" type="text/css" href="http://localhost:8080/PosSystem/retail_css/register.css"> 14<link type="text/css" rel="stylesheet" 15 href="http://code.jquery.com/ui/1.10.3/themes/cupertino/jquery-ui.min.css" /> 16</head> 17<body> 18 <DIV ID="wrapper"> 19 <DIV id="main"> 20 <DIV id="back"><P><a href="http://localhost:8080/PosSystem/retails/index.jsp"><INPUT type="button"value="←戻る"></a></P></DIV> 21 <INPUT type="button" id="next" value="次の会計へ→"> 22 <H1>レジ</H1> 23 <TABLE BORDER="1" id="attribute"> 24 <TR id="sex"> 25 <TH>性別</TH> 26 <TD><INPUT name="sex" type="radio" VALUE="1" CHECKED="checked"> 27<INPUT name="sex" type="radio" VALUE="2"> 28 </TD> 29 </TR> 30 <TR> 31 <TH>年代層</TH> 32 <TD><SELECT id="age_layer"> 33 <OPTION value="0" SELECTED>(未選択)</option> 34 <OPTION value="1" >20代前半</option> 35 <OPTION value="2" >20代後半</option> 36 <OPTION value="3" >30代前半</option> 37 <OPTION value="4" >30代後半</option> 38 <OPTION value="5" >40代前半</option> 39 <OPTION value="6" >40代後半</option> 40 <OPTION value="7" >50代</option> 41 <OPTION value="8" >60代以降</option> 42 </SELECT> 43 </TD> 44 </TR> 45 <TR id="weather"> 46 <TH>天気</TH> 47 <TD>晴れ<INPUT name="weather" type="radio" VALUE="1"CHECKED="checked"> 48 曇り<INPUT name="weather" type="radio" VALUE="2"> 49<INPUT name="weather" type="radio" VALUE="3"> 50<INPUT name="weather" type="radio" VALUE="4"> 51 </TD> 52 </TR> 53 <TR id="temper"> 54 <TH>気温</TH> 55 <TD>暑い<INPUT name="temper" type="radio" VALUE="1" CHECKED="checked"> 56 暖かい<INPUT name="temper" type="radio" VALUE="2"> 57 肌寒い<INPUT name="temper" type="radio" VALUE="3"> 58 寒い<INPUT name="temper" type="radio" VALUE="4"> 59 </TD> 60 </TR> 61 </TABLE> 62 <TABLE border="1" id="register"> 63 <TR> 64 <td><P id="productcode">商品名</P></td> 65 <td><p id="quantity">数量</p></td> 66 <td><P id="subtotal">小計</P></td> 67 </TR> 68 <TR> 69 70 71 <TR> 72 <td><SELECT class="productcode9" data-num=".number9"> 73 <OPTION value="0" SELECTED>(未選択)</option> 74 <OPTION value="4562101973462">2009 ドメーヌ ルバイヤート</OPTION> 75 <OPTION value="4562101973493">2009 プティ・ドメーヌ ルバイヤート</OPTION> 76 <OPTION value="4562101972731">2007 ルバイヤート メルロー「塩尻収穫」</OPTION> 77 <OPTION value="4972212010879">楽園 ワインパック(白) 1.8L</OPTION> 78 <OPTION value="4972212051810">楽園 ワインペット(白) 325ml</OPTION> 79 <OPTION value="4972212091427">楽園 ワインパック(白) 500ml</OPTION> 80 <OPTION value="4972212070910">楽園 ワインミニパック(白) 180ml</OPTION> 81 <OPTION value="5601012011500">マテウス ロゼ</OPTION> 82 <OPTION value="4004068110158">マドンナ R 2013 <ロゼ></OPTION> 83 <OPTION value="4904339454847">バルタザール・グラシアン ロゼ ガルナッチャ</OPTION> 84 <OPTION value="3438931009415">デユツク ド パリ ブリユツト</OPTION> 85 <OPTION value="3438931009422">デユツク ド パリ ドミセツク</OPTION> 86 <OPTION value="4901777187955">フレシネ コルドン ネグロ</OPTION> 87 <OPTION value="8008530072209">タヴェルネッロ ランブルスコ ロッソ</OPTION> 88 <OPTION value="4901777269064">赤のスパークリングワイン スイート&スパイス</OPTION> 89 <OPTION value="4993574064638">フジクレール 濁り スパークリング 赤</OPTION> 90 </SELECT></td> 91 92 <td><input class="number9" data-target=".subprice9" type="text" value="0" size="3" /></td> 93 <td class="subprice9">0円</td> 94 </TR> 95 </TABLE> 96 <TABLE border="1" id="casher"> 97 <TR> 98 <TH>合計</TH> 99 <td id="totalprice">0円</td> 100 </TR> 101 <TR> 102 <TH>預り金</TH> 103 <TD><INPUT id="deposit" type="text"required></TD> 104 </TR> 105 <TR> 106 <TH>おつり</TH> 107 <TD id="change"></TD> 108 </TR> 109 </TABLE> 110 <INPUT type="button" id="next" value="次の会計へ→"> 111 </DIV> 112 </DIV> 113 114<script type="text/javascript" 115 src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 116<script type="text/javascript" 117 src="http://code.jquery.com/ui/1.10.3/jquery-ui.min.js"></script> 118 <SCRIPT TYPE="text/javascript" SRC="http://localhost:8080/PosSystem/js/jquery.json.min.js"></SCRIPT> 119<SCRIPT TYPE="text/javascript" SRC="http://localhost:8080/PosSystem/js/register.js"></SCRIPT> 120</body> 121</html>

javascript

1$("#next").on("click",function(){ 2 //リクエスト用のオブジェクトに値を詰め込む 3 alert("aiu"); 4 5 countObj0.message = $( ".number0" ).val(); 6 countObj1.message = $( ".number1" ).val(); 7 countObj2.message = $( ".number2" ).val(); 8 countObj3.message = $( ".number3" ).val(); 9 countObj4.message = $( ".number4" ).val(); 10 countObj5.message = $( ".number5" ).val(); 11 countObj6.message = $( ".number6" ).val(); 12 countObj7.message = $( ".number7" ).val(); 13 countObj8.message = $( ".number8" ).val(); 14 countObj9.message = $( ".number9" ).val(); 15 16 var countJson0 = $.toJSON(countObj0); 17 var countJson1 = $.toJSON(countObj1); 18 var countJson2 = $.toJSON(countObj2); 19 var countJson3 = $.toJSON(countObj3); 20 var countJson4 = $.toJSON(countObj4); 21 var countJson5 = $.toJSON(countObj5); 22 var countJson6 = $.toJSON(countObj6); 23 var countJson7 = $.toJSON(countObj7); 24 var countJson8 = $.toJSON(countObj8); 25 var countJson9 = $.toJSON(countObj9); 26 27 //JavaScriptのオブジェクトをJSONに変換する 28 var requestJson0 = $.toJSON(requestObj0); 29 var requestJson1 = $.toJSON(requestObj1); 30 var requestJson2 = $.toJSON(requestObj2); 31 var requestJson3 = $.toJSON(requestObj3); 32 var requestJson4 = $.toJSON(requestObj4); 33 var requestJson5 = $.toJSON(requestObj5); 34 var requestJson6 = $.toJSON(requestObj6); 35 var requestJson7 = $.toJSON(requestObj7); 36 var requestJson8 = $.toJSON(requestObj8); 37 var requestJson9 = $.toJSON(requestObj9); 38 39 sexObj.message = $('input[name="sex"]:checked').val(); 40 ageObj.message = $("#age_layer").val(); 41 temperObj.message = $('input[name="temper"]:checked').val(); 42 weatherObj.message = $('input[name="weather"]:checked').val(); 43 44 var sexJson = $.toJSON(sexObj); 45 var ageJson = $.toJSON(ageObj); 46 var temperJson = $.toJSON(temperObj); 47 var weatherJson = $.toJSON(weatherObj); 48 49 console.log(sexJson); 50 51 $.ajax({ 52 type: "POST", 53 url : "http://localhost:8080/PosSystem/Register2", 54 data: {requestJs0 : requestJson0, 55 requestJs1 : requestJson1, 56 requestJs2 : requestJson2, 57 requestJs3 : requestJson3, 58 requestJs4 : requestJson4, 59 requestJs5 : requestJson5, 60 requestJs6 : requestJson6, 61 requestJs7 : requestJson7, 62 requestJs8 : requestJson8, 63 requestJs9 : requestJson9, 64 countJs0 : countJson0, 65 countJs1 : countJson1, 66 countJs2 : countJson2, 67 countJs3 : countJson3, 68 countJs4 : countJson4, 69 countJs5 : countJson5, 70 countJs6 : countJson6, 71 countJs7 : countJson7, 72 countJs8 : countJson8, 73 countJs9 : countJson9, 74 sexJs : sexJson, 75 ageJs : ageJson, 76 temperJs : temperJson, 77 weatherJs : weatherJson}, 78 79 //dataType: 'jsonp', 80 timeout:10000, 81 success : function(insert) { 82 console.log("成功しました") 83 }, 84 error : function(XMLHttpRequest, textStatus, errorThrown) { 85 alert("リクエスト時になんらかのエラーが発生しました:" + textStatus +":\n" + errorThrown); 86 } 87 }); 88 });

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

自己解決

idを2つ作っていたせいでした。。。
お騒がせして申し訳ありません。

投稿2016/11/18 18:04

RyoM

総合スコア90

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.49%

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

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

質問する

関連した質問