进度条值句柄表单输入答案

【问题标题】：Progress bar value handle form input进度条值句柄表单输入
【发布时间】：2013-05-31 09:48:27
【问题描述】：

我正在使用 jQuery UI 进度条，我需要处理进度条表单输入的值。

<div class="progressbar"></div> <input class="valIn" value="37" />

下面是进度条的功能

$( ".progressbar" ).progressbar({
     value: 37
});

我只需要处理函数之外的值形式，形成输入标签。

【问题讨论】：

【解决方案1】：

您是在问如何从输入元素中获取值？然后试试这个：

var x = parseInt($(".valIn").val());
$(".progressbar").progressbar({
     value: x
});

【讨论】：

【解决方案2】：

如果我了解您的需求，您应该创建一个更新进度条值的函数。看看这里：http://jsfiddle.net/q3QWh/

多次点击更新，你会看到进度条在移动。

var x = 0;

function updateProgressBar(){
    $( ".progressbar" ).progressbar({ value: x });
    x++;    
}

【讨论】：