强制不可见文本字段具有值“0”。或“”

Question

我知道这有点笨拙，但我已经非常接近解决方案了，所以我不得不发布这个。

我有一个带有两个复选框的表单，可以切换相关跨度是否可见。 num_bw 和 num_c 是包含输入框的范围，用户可以在其中输入用户想要的两种类型产品的数量。不过，我担心用户可能会在暂时可见的文本字段中输入一个数字（例如第一个，在 num_bw 范围内），但随后会改变主意并取消选中该复选框并在框中输入一个数字相反，在 num_c 范围内。

这段代码的工作方式是，num_bw 字段现在是不可见的，但它可能仍然包含一个数字！如果他点击提交，用户可能会惊讶地发现那 3 个黑色和白色。他不再想要的白色产品仍在他的购物车中！哎呀！

因此，我需要检查这两个文本字段中的任何一个（它们的名称是 orderquantitybw 和 orderquantityc，如果需要，我还可以添加 ID）位于现在不可见的范围内（#num_bw 和 #num_c），以及它们是否位于，将它们的价值变成零，零，零，“”，任何不会混淆购物车软件的东西（这不是我的部门，它的工作原理对我来说有点不透明。）

这是在头部，它只是使这些跨度在开始时不可见：

    $(document).ready(function() {
    $('#num_bw').hide();
    $('#num_c').hide();
    });

这就在相关表单之后，当用户单击复选框时，它使跨度可见或不可见：

$('#show_c').click(function(){
$('#num_c').toggle();
});
$('#show_bw').click(function(){
$('#num_bw').toggle();
});

我想在末尾添加一个函数。还没写完我就停了下来。有什么帮助吗？

    $('#submit_btn').click(function(){

    /*Insert script to turn form box's values to "0" if 
    they are in an invisible span*/

    )};

Answer 1

试试这个

$('#submit_btn').click(function(){

    $("#num_bw, #num_c").each(function(){
       if(!$(this).is("visible")){
         $(this).find("input").val("0")
       }
    });

)};

Answer 2

$('#submit_btn').click(function(){
    $("#num_bw, #num_c").filter(':hidden').find('input').val('0');
});

Answer 3

$("#num_bw:hidden").val(0)
$("#num_c:hidden").val(0)

应该这样做。或者你可以这样做：

$(".quantityTextBox:hidden").val(0)

对于类为“quantityTextBox”的文本框