如何获取jquery微调器的选定值?

时间:2013-11-18 18:26:21

标签: jquery

我在页面上有7个微调器,我需要弄清楚如何获取微调器的值并将其放在asp标签中。我可以弄清楚如何将值传递给标签,但我仍然坚持获取微调器的值,所以我可以将它传递给标签.. 这是我的小提琴 http://jsfiddle.net/Cwm76/cV85E/

这里是微调器的代码

function updateTopBottom() {
    var $el = $('#topbottom'),
        m;
}


$(function () {


    $('#normal input').spinner();


    $('#topbottom input').spinner({
        min: 0,
        max: 12,
        step: 0.5,
        stop: updateTopBottom
    })
            .parent()
            .find('.ui-spinner-up').addClass('ui-corner-tl').end()
            .find('.ui-spinner-down').addClass('ui-corner-bl');

    updateTopBottom();
});

感谢所有人提供任何意见。

3 个答案:

答案 0 :(得分:0)

spinner正在应用于input标记,如您所见:

$('#topbottom input').spinner({

因此,您可以从input获得价值。

// This is the callback function you specified
// So we would retrieve the value here
function updateTopBottom() {
        var $el = $('#topbottom'),
            m;
     console.log($('#topbottom input').val());
}

答案 1 :(得分:0)

您可以按$(".ui-spinner-input")获取7个微调器的数组,然后在.val()循环中按$.each()获取每个值。

$.each($(".ui-spinner-input"), function(index,value){    
    console.log($(value).val());
});

答案 2 :(得分:0)

看看这个叉子。 http://jsfiddle.net/5MvTn/

$('#topbottom input').focusout(function() { alert (this.value); });

微调器只是在输入标签的value属性中设置数字。