自定义微调器输入的类型编号没有js

Question

我需要使用自定义微调器创建输入类型="数字".它需要像那样

没有js我怎么能这样做？还是需要js？

Answer 1

你需要使用javascript/jQuery.您可以使用jQuery用户界面插件进行微调器.演示.

如果是插件,您需要根据需要自定义它,可以通过CSS样式替换和重新定位箭头.

或者你可以试试这个:

HTML:

<a id="down" href="#" onclick="updateSpinner(this);">-</a><input id="content" value="0" type="text" style="width:30px" /><a id="up" href="#"  onclick="updateSpinner(this);">+</a>

CSS:

a
{
    text-decoration: none;
}

JavaScript的:

function updateSpinner(obj)
{
    var contentObj = document.getElementById("content");
    var value = parseInt(contentObj.value);
    if(obj.id == "down") {
        value--;
    } else {
        value++;
    }
    contentObj.value = value;
}

我可以在这个小提琴上看到我的工作实例.