2012-01-25 9 views
4

jQuery & CSSで入力フィールドを設計することは可能ですか?+ - ボタンで金額の入力項目をカスタマイズすることはできますか?

Amount

私は任意のヘルプは高く評価、どこから始めればわかりません!

ありがとうございます! HTML 5で

+6

彼らは通常、例えば、 "スピナー" と呼ばれていますgoogleからhttp://btburnett.com/spinner/example/example.html –

+0

彼らはどのように呼び出されたか知りませんでした。jQueryは1.9バージョンで実装する予定です。 http://view.jqueryui .com/master/demos/spinner/default.html – kritop

答えて

2

ここでjQueryのに基づいて簡単な方法です。

http://jsfiddle.net/acodesmith/aykZs/3/

ボタンだけで何ができるかを示す、実用的ではありません。 importat部分は親div.stepです。

EDIT: 更新ボタン http://jsfiddle.net/EK9vA/

+0

素敵なコード。私(js)はボタンを叩いた。あなたは結果[ここ](http://jsfiddle.net/EK9vA/)を見ることができます。 – magicalex

+0

@magicalex非常に改善されました!ありがとう。 – aCodeSmith

+0

私はあなたのコードで働いて、素晴らしいおかげでたくさん! – kritop

2

いくつかのブラウザのサポートこの:

<input type="number" name="points" step="1" /> 

デモについてはこちらをご覧ください:http://jsfiddle.net/Gsk4f/(クロームやOpera)

これは、新しいHTML 5の属性であり、すべてのブラウザでsupportedではありません

+0

これはすごいですが、現時点ではちょっと限定されています! – kritop

1

これは素晴らしいプラグインです!

http://demos.kendoui.com/web/numerictextbox/index.html

+0

素晴らしいですが、この小さなもののためだけに別のJavascriptフレームワークを追加するのは本当に実用的ではないようですが、jQueryプラグイン/エクステンション – kritop

+1

があればそれをダウンロードしてください。あなただけが望むものだけ。たとえば、このプラグインのサイズは6KB – MCSI

+0

ですが、クールですが、jquery one:http://view.jqueryui.com/master/demos/spinner/default.htmlもちろん、 – kritop

関連する問題