Question

我需要在我的滑块插件中使用变量“value”作为输入形式的整数值：

$(function () {
  $("#calcSlider").slider({ 
    min: 0,
    max: 90,
    step: 5,
    value: /* ACCESS HERE!!!!!! */,
    slide: function (event, ui) {
      $("#calcSup").val(ui.value);
    }
  });
});

我需要value:作为calcSup或${form.calcSup}中的值，但这是一个字符串。我需要将它解析为int：

<input type="text" 
       id="calcSup" 
       name="calcSup" 
       value="${form.calcSup}" 
       size="3" 
       readonly="readonly" />

Answer 1

也许你正在寻找parseInt函数，更多细节可以在这里找到：

http://www.w3schools.com/jsref/jsref_parseint.asp

$(function () {
$("#calcSlider").slider({ min: 0,
                          max: 90,
                          step: 5,
                          value: parseInt($('input#calcSup').val()),
                          slide: function (event, ui) {
                              $("#calcSup").val(ui.value);
                          }
                       });
                    });

<input type="text" id="calcSup" name="calcSup" value="${form.calcSup}" size="3" readonly="readonly"/>

Answer 2

如果您要将值解析为整数，请不要忘记包含基数，这样就不会因为base-8或其他东西而感到困惑。

$("#mySlider").slider({
  // Set initial value to that of <input type="text" id="bar" value="23" />
  value: parseInt( $("#bar").val(), 10 ),
  // Update <input type="text" id="foo" /> anytime we slide
  slide: function ( event, ui ) {
    $("#foo").val(ui.value);
  }
});

演示：http://jsbin.com/oceqab/edit#javascript,html

Answer 3

这可能就是你要找的东西：

$(function () {
    $("#calcSlider").slider({ min: 0,
                          max: 90,
                          step: 5,
                          value: parseInt($("#calcSup").val()),
                          slide: function (event, ui) {
                              $("#calcSup").val(ui.value);
                          }
    });
});

将输入的加载值加载到滑块选项中

3 个答案: