检查 2 个输入字段和一个 select 字段，以便在它们全部填充后进行更改

Question

我有 2 个输入字段和一个 select 框。当有人填写所有 3 个字段时，必须进行一些计算。每次这些字段中的一个在它们都被填满时发生变化，应该再次触发计算。

我只用 select 这样的框就做到了。

function showPrice() {
    calculate();
    $('#overview').removeClass('hidden');
}


$(".select").on('change', function()
    {
        showPrice();
    }
);

但是我如何使用 3 个不同类型的元素来做到这一点？

Answer 1

创建一个循环遍历所有所需元素的函数，如果所有元素都已填充，则 returns 为真。

这将是基本代码：

    function check(){
    var filled = true;
    $('input').each(function(inx,elem){
        if($(elem).val()=='')
            filled = false;
    });
    
    return filled;
}

检查一个工作示例HERE

请注意，我使用的是文本和文件类型，但这适用于任何类型。

检查 2 个输入字段和一个 select 字段，以便在它们全部填充后进行更改

Check 2 input fields and a select field for changing after they all have been filled

javascript

jquery

dom