Question

我有一个函数，说明如果复选框的值大于63，则显示div，否则隐藏div。

function show_no_taxonomies() {
 if ($('.store_checkbox:checked').val() > 63){
    $("#hidden_taxon_message").show();
    $("#hidden_taxon_message").text('This store does not have any texonomies');
 }else {
    $("#hidden_taxon_message").hide(); // something is selected
   }
}

我需要重新定义这个条件if语句来计算分类法。我将此标记附加到所有这些复选框：

taxonomies_count="0"

我需要条件语句来说明是否存在 taxonomies_count 大于0的复选框，而不是显示div，否则隐藏div。

<input id="idea_store_ids_" class="store_checkbox" type="checkbox" value="124"   
taxonomies_count="0" name="idea[store_ids][]"></input>

Answer 1

这会做你所问的......

function show_no_taxonomies() {
    var taxonomiesCount = false;
    $('.store_checkbox:checked').each(function() {
        if ($(this).attr("taxonomies_count") > 0) {
            taxonomiesCount = true;
            return;
        }
    });
    if (!taxonomiesCount){
        $("#hidden_taxon_message").show();
        $("#hidden_taxon_message").text('This store does not have any taxonomies');
    }else {
        $("#hidden_taxon_message").hide(); // something is selected
    }
}

但是，我建议使用数据属性，而不是自定义属性。像这样......

<input id="idea_store_ids_" class="store_checkbox" type="checkbox" value="124" data-taxonomies-count="0" name="idea[store_ids][]" />

并且脚本将是......

function show_no_taxonomies() {
    var taxonomiesCount = false;
    $('.store_checkbox:checked').each(function() {
        if ($(this).data("taxonomies-count") > 0) {
            taxonomiesCount = true;
            return;
        }
    });
    if (!taxonomiesCount){
        $("#hidden_taxon_message").show();
        $("#hidden_taxon_message").text('This store does not have any taxonomies');
    }else {
        $("#hidden_taxon_message").hide(); // something is selected
    }
}

Answer 2

我通过制作2个更大的图片功能，通过逻辑简化我的代码解决了这个问题。然后，将这些函数调用到我的大函数中。

$(document).ready(function() {
$(".store_checkbox").change(function () {
    $('div[store_id=' + this.value + ']').toggle(this.checked);
    show_no_store_message();
}).change();
show_no_store_message();
});

function show_no_store_message() {
if (!is_store_selected()) {
    $("#hidden_taxon_message").show(); // none are checked
    $("#hidden_taxon_message").text('Please select store before selecting taxonomies');
} else if (is_store_selected()  && !do_any_stores_have_taxonomies() ) {
    $("#hidden_taxon_message").show(); // none are checked
    $("#hidden_taxon_message").text('None of the stores you selected have taxonomies');

} else {
    $("#hidden_taxon_message").hide(); // something is selected
}
}

// returns true if any store is selected
function is_store_selected(){
return ($('.store_checkbox:checked').length > 0);
}

// Returns true if any store selected AND store has taxonomiess
function do_any_stores_have_taxonomies(){
$('.store_checkbox:checked').each(function() {
    if ($(this).attr("taxonomies_count") > 0) {
     return true;   
    }
});
return false;
}

计算脚本中的分类数量

2 个答案: