自動計算フォームで単価（数字）も入力したいとき

Test
0   名前： 匿名希望 ： 2005/12/27 22:40
このサイトの

http://www.tagindex.com/javascript/form/comp1b.html

で紹介している自動計算フォームですが、単価の部分は既に500円、1000円
というように決められていますが、この単価部分も、自ら空白ボックスに
入力するようにするには、どうすればよいのでしょうか。

よろしくお願いいたします。
1   名前： 元帥 ： 2005/12/27 22:40  ［URL］
> このサイトの
>
> http://www.tagindex.com/javascript/form/comp1b.html
>
> で紹介している自動計算フォームですが、単価の部分は既に500円、1000円
> というように決められていますが、この単価部分も、自ら空白ボックスに
> 入力するようにするには、どうすればよいのでしょうか。
>
> よろしくお願いいたします。


500円 の部分を
<input type="text" name="yen1" size="6" value="0">
に変更。
1,000円の部分も同様だが、yen1 でなく、yen2

次に計算部分の
500 を
eval(document.form1.yen1.value)
に変更。
1000 の部分も同様だが、yen1 でなく、yen2

3000円も同じ手法にて。

最後に、bodyタグに
onkeyup="keisan()"
を加えて完成。
2   名前： 匿名希望 ： 2005/12/27 22:40
元帥　様

ありがとうございました。無事、変更することができました。

もう１つ知りたいことがあります。

現在、数量（かける数）は０から５までありますが、そこに0.5や1.25などの
小数点以下を含む数字に変更すると、変化が反映されません。例えば、
<OPTION>1 を　<OPTION>1,25　に変えても、掛けられる数は1.25ではなく
1のままです。掛ける数字を変更するにはどうすればよいのでしょうか。

又、金額（合計）は小数点以下まで表示されますが、合計を整数のみに
することは可能なのでしょうか。

よろしくお願いいたします。
3   名前： 元帥 ： 2005/12/27 22:40  ［URL］
> 元帥　様
>
> ありがとうございました。無事、変更することができました。
>
> もう１つ知りたいことがあります。
>
> 現在、数量（かける数）は０から５までありますが、そこに0.5や1.25などの
> 小数点以下を含む数字に変更すると、変化が反映されません。例えば、
> <OPTION>1 を　<OPTION>1,25　に変えても、掛けられる数は1.25ではなく
> 1のままです。掛ける数字を変更するにはどうすればよいのでしょうか。
>
> 又、金額（合計）は小数点以下まで表示されますが、合計を整数のみに
> することは可能なのでしょうか。
>
> よろしくお願いいたします。


そのサンプルの数量は
「そのselectの何番目のoptionが選択されているか」
から求めているからなんですね。
ですので、optionタグのvalue属性に小数点等の乗算を指定し、
「選択されているoptionのvalueに指定されている値」
を求めればよい事になります。

合計の整数表示ですが、例えば、Math.floorを使うと、最も近くて小さい整数を返します。
（例：3.14は3に、-3.14は-4に）

それぞれの方法とも、同じ結果を出すならば他にも方法は色々あります。

匿名希望さん、これを機会にJavaScriptを勉強されてはいかがでしょうか？
Web上に星の数ほどころがっているJavaScriptのサンプルを、自分で好きなようにカスタマイズして使う事もできますし、
気に入ったものがなければ自分でゼロから書く事だってできます。
きっとWebサイト作成の幅がぐ〜んと広がるでしょう。
4   名前： 匿名希望 ： 2005/12/27 22:40
noscript要素でスクリプトを使えないor使わない環境の人に配慮することも忘れずに。

http://www.zspc.com/documents/wcag10/#gl-new-technologies
http://nekoshiki.poke1.jp/guidline/script.html
一覧へ戻る