Question

我在jquery中有一个名为colWidth的变量，它使用jquery从输入中获取的数字运行一些数学运算。如何将id为#test的输入字段的值设置为colWidth？

的值

$("input#width").keyup(function () {
  var value = $(this).val();
  $("span#width-text").text(value);
}).keyup();

$("input#columns").keyup(function () {
  var value = $(this).val();
  $("span#columns-text").text(value);
}).keyup();

$("input#gutter").keyup(function () {
  var value = $(this).val();
  $("span#gutter-text").text(value);
}).keyup();

$("input#gutter").keyup(function () {
  var value = $(this).val();
  $("span#gutter-text").text(value);
}).keyup();

$(function(){
    $('a#calc').click(function(){
        var width = $('input#width').val();
        var col = $('input#columns').val();
        var gutter = $('input#gutter').val();
        var newWidth = width / col;
        var colSize = (gutter + gutter) * col;
        var colWidth = newWidth - colSize;
        $('input#test').val(colWidth);
    });
 });

Answer 1

$("#test").val(colWidth)

Answer 2

路易斯

您收到NaN因为您的计算正在运行，之后用户才有机会在<input>元素中输入任何数字。

在您的问题中，您使用.click()处理程序来触发计算，但是在您的页面上，您没有。它只在页面加载时运行。

因此.parseInt()的结果为NaN，计算结果相同。

在Jquery中设置变量的表单输入值

2 个答案: