ちょっぴりお仕事的なお話です。
WEBページに表があります。
その表には、単価・数量・税抜き金額・税込み金額の列があります。
各行のセルはテキストエリアになっており、入力可能な状態です。
単価・数量は主に入力されることが予想されます。
この時以下の機能を実装します。
①セルのテキストエリアに入力された数値はカンマで3桁区切りにする
②税抜き金額・税込み金額のセルは単価・数量によって自動算出する
さて、個々の要件を見るだけならばさほど難しいものではありません。
しかしこちら二つ重なると少し厄介なことになります。
①を実装することにより、input の valueはカンマ付きの文字列になってしまいます。
そうなると②は文字列となるため計算できません。
そういえば、表示はカンマ付きにしたのですがデータを登録するときはカンマがないほうが良いですね。
あれ?これって表示用のダミーinputを用意してデータ連携はhidden要素で持たないといけないの?
今のところよさげな解法が見つかっていません。
お風呂に入ったらいいアイデア出てくるかな?