買い物かごの横にプラスマイナスをつけて数値を変更する

もちろん自分で入力したかったら自分で♪

まずは<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円&nbsp;数量&nbsp;</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でプラスやマイナスの画像を作って、背景処理で入れれば完成♪