買い物かごの横にプラスマイナスをつけて数値を変更する
もちろん自分で入力したかったら自分で♪
まずは<head>に以下を記述
<script language=”JavaScript”>
function plus(psms){
psms.value++;
if (psms.value==101) {psms.value=100}
}
function minus(psms){
if (psms.value!=0) {psms.value–;}
}
</script>
※上限100で設定してます
※下限は0です(当然か…)
買い物かごの<form>部分は、
<table border=”0″ cellspacing=”0″ cellpadding=”0″>
<tr>
<td rowspan=”2″>1,000円 数量 </td>
<td rowspan=”2″><input type=”text”? name=”●” value=0 size=2 style=”ime-mode:disabled”></td>
<td><input type=”button” onClick=”plus(this.form.●)”? class=”△”></td>
</tr>
<tr>
<td><input type=”button” onClick=”minus(this.form.●)” class=”◇”></td>
</tr>
</table>
「●」部分は統一の英数字を
cssでプラスやマイナスの画像を作って、背景処理で入れれば完成♪