如果输入字段为空，则用随机数填充

If input field is empty fill it with random number

本文关键字：随机数 填充 输入 字段 如果      更新时间：2023-09-26

我想用一个随机数填充所有空数字字段。我可以用一个随机数填充所有字段，如下所示。

    $.each(numberField, function () {
        x = Math.floor((Math.random() * 10) + 1);
        ($(this).val(x));
    });

但是如果我把它绕在

上
    if (numberField.val() === "")

它不工作

我在这里做错了什么?看到小提琴

    <input type="number" value="0">
    <input type="number" value="">
    <input type="number" value="4">
    <input type="number" value="5">
    <input type="number" value="">
    var numberField = $('input[type=number]');
    var x = '';
    if (numberField.val() === "") {
        $.each(numberField, function () {
            x = Math.floor((Math.random() * 10) + 1);
            ($(this).val(x));
        });
    }

您需要移动您的条件(您正在查看数组是否等于"，但事实并非如此)。您还需要修剪该值以检查它是否真的为空:

var numberField = $('input[type=number]');
var x = '';
$.each(numberField, function () {
    if ($.trim($(this).val()) === "") {
        x = Math.floor((Math.random() * 10) + 1);
        ($(this).val(x));
    }
});

在你的例子numberField是一个数组，所以你的代码必须像这样:

var numberField = $('input[type=number]');
var x = '';
    $.each(numberField, function () {
       if ($(this).val() === "") {
          x = Math.floor((Math.random() * 10) + 1);
          $(this).val(x);
        }
    });

查看更新后的提琴

$.each(numberField, function (k, v) {
  if ($(v).val() === "") {
    x = Math.floor((Math.random() * 10) + 1);
    ($(v).val(x));
  }
});

查看jQuery每个函数的文档

try this…

var numberField = $('input[type=number]');
var x = '';
$.each(numberField, function () {
    if (this.value === "") { // should check the value inside the loop.. not outside
        x = Math.floor((Math.random() * 10) + 1);
        this.value = x;
    }
});
演示

我认为问题在这里:

numberField.val()

相反,使用

$(this).val()

所以…

var numberField = $('input[type=number]');
var x = '';
$.each(numberField, function () {
    alert($(this).val());
    if ($(this).val() === ""){
        x = Math.floor((Math.random() * 10) + 1);
        ($(this).val(x));
    };
});

更新的小提琴http://jsfiddle.net/aaronk85/eC48k/

您可以像这样只匹配没有值的字段:

$('input[type=number][value=""]').each(function () {
        this.value=Math.floor((Math.random() * 10) + 1);
});

相关文章：