jQuery Calculator

フォームに簡易電卓を組み込める「jQuery Calculator」。
要素をクリックすると簡易電卓を出せ、計算結果をそのままinputの内容として挿入することが出来ます。


クリックで次のようなUIの計算機が表示されます。



適当に計算して、「Use」ボタンを押せば数値が入ります。
JavaScript で自動的に計算して代入してあげることも出来るのですが、利用者が独自に計算をしてフォームに値を入れたいような場合に使えそうですね。

関連エントリ

• フォーム要素にうっすらデフォルト値を入れてヒント表示できる「jQuery Form Tips」
• ドロップダウンメニューにテーブルやフォーム等何でも埋め込んでしまえるjQueryプラグイン「MegaMenu」
• ブラウザが落ちてもフォーム内容が消えないようにするjQueryプラグイン「jQuery autosave」