jquery根据查询结果隐藏div

时间:2013-05-21 14:06:14

标签: jquery html

我有一个页面,其中运行查询以查看调用者是否已启用转发。结果页面是一个表单,如果用户选择,用户可以使用该表单更改其呼叫转移。查询的结果是yes或no,如果是,则转发到number。我正在使用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。使用上面的查询,无论结果如何,都会被隐藏。我不确定如何根据在此代码之前运行的查询来更改hide / show属性。

2 个答案:

答案 0 :(得分:3)

您只需触发点击即可。

$(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”输入中定义了此面板,则此解决方案将滑动到某个面板。

答案 1 :(得分:1)

$(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();
});

View Example