9

jqueryまたはJavascriptを使用してHTMLページにインクリメント/デクリメントテキストボックスを作成するにはどうすればよいですか。画像を以下に示します

また、最大値と最小値を設定したいのですが…。

これを達成するにはどうすればよいですか?

4

10 に答える 10

12

単純 :)

HTML :

<div id="incdec">
    <input type="text" value="0" />
    <img src="up_arrow.jpeg" id="up" />
    <img src="down_arrow.jpeg" id="down" />
</div>

Javascript (jQuery) :

$(document).ready(function(){
    $("#up").on('click',function(){
        $("#incdec input").val(parseInt($("#incdec input").val())+1);
    });

    $("#down").on('click',function(){
        $("#incdec input").val(parseInt($("#incdec input").val())-1);
    });

});
于 2012-08-31T06:15:50.260 に答える
9

やってみましたinput type="number"か?

于 2012-08-31T05:49:07.207 に答える
2

こちらをご覧ください。私も使ったことがあります。

数値-アップ-ダウン-入力-jquery

于 2012-08-31T05:48:22.440 に答える
1

jquery ui spinner を使用できると思います。デモについては、こちらのリンクをご覧ください

于 2012-08-31T06:08:52.087 に答える
1

このスピナー コントロールを試してください。これがあなたを助けることを願っています。

http://www.devcurry.com/2011/09/html-5-number-spinner-control.html

于 2012-10-22T05:21:47.127 に答える
1

( - と + ) 両方のインクリメントとデクリメントの JavaScript (JQuery) ##

$(document).ready(function () {
$('#cost').w2form ({
name : 'cost',
style : '',
fields : [
          {
            name : 'amount',
            type : 'int'
          }
        ]
});
$("#amount").keydown(function (e) {
var key = e.keyCode;
if (key == 40) {
    if ( $(this).val() != "") {
        $(this).val();
    } else {
        $(this).val("0");
        w2ui['cost'].record[$(this).attr('name')] = "0";
        w2ui['cost'].refresh();
    }
}
});
}

HTML

<html>
<form>
<label>Amount</label>
<input type="text" id="amount" name="amount" style= "width: 140px"/>
</form>
</html>
于 2018-03-20T08:25:47.187 に答える