入力値と計算、_html/css_WEB-ITnose

この投稿は erbao_vip によって最終編集されました: 2013-11-06 13:14:13

html jsp

私の入力:

<td>						${g.newPrice}<input type="hidden" class="oneprice" value="${g.newPrice}">						</td>						<td><input type="button" value=" - "							size="3" class="l_i" id="lost"> 														 <input value="1"							size="2" id="number" maxlength="2" name="buynumbers"							class="number"							onkeyup="this.value=this.value.replace(/[^\d]/g,'') "> 																												<input type="button" value=" + " size="3" id="add" class="a_i">													</td>						<td><input value="${g.newPrice}"							id="all" class="all" name="totalprice_one" readonly="readonly"							disabled="disabled"></td>						<td>

jsp ページが表示されます:
+、- ボタンをクリックして、数量と変化 小計値を 1 つだけ実装するのは簡単ですが、複数の小計値を実装するにはどうすればよいでしょうか?画像を見てください、

ディスカッションに返信 (解決策)

私の入力:

<td>						${g.newPrice}<input type="hidden" class="oneprice" value="${g.newPrice}">						</td>						<td><input type="button" value=" - "							size="3" class="l_i" id="lost"> 														 <input value="1"							size="2" id="number" maxlength="2" name="buynumbers"							class="number"							onkeyup="this.value=this.value.replace(/[^\d]/g,'') "> 																												<input type="button" value=" + " size="3" id="add" class="a_i">													</td>						<td><input value="${g.newPrice}"							id="all" class="all" name="totalprice_one" readonly="readonly"							disabled="disabled"></td>						<td>

JSP ページに表示されます:
+、- ボタンをクリックして数量を変更し、小計の値を変更したい、実装は簡単ですが、複数を実現するにはどうすればよいですか?画像を見て、1 つを実装する方法、複数を実装する方法、実装のコードを投稿してください

これを行うことができ、印刷時に各行に ID を与えます
最初の行を 0、次に最初の ID にすることができます行入力ボックスの は input_0 です
メソッドを作成します

<table>			<tr>				<td>					<input type="button" value="+" onclick="show_num('input_0',this)"/>				</td>				<td>					<input type="text" value="1" id="input_0"/>				</td>				<td>					<input type="button" value="-" onclick="show_num('input_0',this)"/>				</td>			</tr>			<tr>				<td>					<input type="button" value="+" onclick="show_num('input_1',this)"/>				</td>				<td>					<input type="text" value="1" id="input_1"/>				</td>				<td>					<input type="button" value="-" onclick="show_num('input_1',this)"/>				</td>			</tr>			<tr>				<td>					<input type="button" value="+" onclick="show_num('input_2',this)"/>				</td>				<td>					<input type="text" value="1" id="input_2"/>				</td>				<td>					<input type="button" value="-" onclick="show_num('input_2',this)"/>				</td>			</tr>		</table>function show_num(input_id,item){				var target=document.getElementById(input_id);				var sign=item.value;				console.log(sign);				var val=parseInt(target.value);				if(sign=="+"){					val=val+1;				}else{					val=(val-1)>0?(val-1):0;				}				target.value=val;			}

コード: 以前は値を取得するために Id を使用していましたが、今では値を取得するためにクラスを使用します:

if ($("#number").val() == 1) {		$("#lost").attr("disabled", "disabled");	}	$("#add").click(function() {		var n = $("#number").val();		n = n - 0 + 1;		// alert(n);		if (n > 0) {			// .attr("disabled",false); //disabled="disabled"			$("#lost").attr("disabled", false);		}		$("#number").val(n);		$("#all").val($("#oneprice").val() * n);	});	$("#lost").click(function() {		var n = $("#number").val();		n = n - 1;		// alert(n);		if (n == 1 || n == 0) {			// .attr("disabled",false); //disabled="disabled"			$("#lost").attr("disabled", "disabled");		}		$("#number").val(n);		$("#all").val($("#oneprice").val() * n);	});	// keyup	$("#number").keyup(function() {		n = $("#number").val();		if (n <= 0) {			// $("#lost").attr("disabled", "disabled");			$("#number").val(1);			$("#all").val($("#oneprice").val());		}		if (n > 0) {			$("#lost").attr("disabled", false);			$("#all").val($("#oneprice").val() * n);		}	});