jquery - jquery根据查询结果隐藏div

Question

我有一个页面，其中运行查询以查看呼叫者是否启用了转发。结果页面是用户可以用来更改其呼叫转移的表单（如果他选择的话）。查询的结果是是或否，如果是，则转发给号码。如果他选择“禁用”单选按钮，我正在使用 jquery 隐藏 cfaDesc div，效果很好。

 $(document).ready(function() {

$("div.cfaDesc").hide();
$("input[name$='cfa']").click(function() {
    var test = $(this).val();
    $("div.cfaDesc").hide();
    $("#" + test).slideDown('slow');
});
});

我的问题是初始查询。如果他启用了它，我需要显示 cfaDesc div。用上面的查询，不管结果是什么，都会被隐藏。我不确定如何根据在此代码之前运行的查询更改隐藏/显示属性。

Answer 1

您只需触发点击即可。

$(document).ready(function() {
    $("input[name$='cfa']").click(function() {
        var test = $(this).val();
        $("div.cfaDesc").hide();
        $("#" + test).slideDown('slow');
    }).click(); // this line trigger the click event
});

我不确定这是否正是您所需要的，您的问题对我来说并不清楚。如果您的“cfa”输入中已经定义了该解决方案，则该解决方案将向下滑动一些面板。

Answer 2

$(document).ready(function() {
    $("div.cfaDesc").hide();
    $("input[name$='cfa']").click(function() {
        var test = $(this).val();
        $("div.cfaDesc").hide();
        $("#" + test).slideDown('slow');
    })

    $("input[name$='cfa']:enabled").first().click();
});

查看示例