0

我知道这有点笨拙，但我离解决方案太近了，我不得不发布这个。

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

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

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

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

    $(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*/

    )};
4

3 回答 3

0

尝试这个

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

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

)};
于 2011-07-21T14:59:40.560 回答
0 
$('#submit_btn').click(function(){
    $("#num_bw, #num_c").filter(':hidden').find('input').val('0');
});
于 2011-07-21T15:04:13.127 回答
0 
$("#num_bw:hidden").val(0)
$("#num_c:hidden").val(0)

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

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

对于具有“quantityTextBox”类的文本框

于 2011-07-21T15:04:41.383 回答