2013-05-21 67 views
0

我有一个页面,运行一个查询来查看一个调用者是否启用了转发。结果页面是一种表格,用户可以使用它来更改他的呼叫转接,如果他选择的话。查询的结果可以是或不是,如果是,则转发给号码。我使用jquery来隐藏cfaDesc div,如果他选择“禁用”单选按钮,那很好。jquery根据查询结果隐藏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属性。

+0

,你能告诉我们乌尔小提琴 –

+0

我之前还没有使用的小提琴。让我试试.... – bart2puck

+0

http://jsfiddle.net/K3jrK/ – bart2puck

回答

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

您将触发所有单选按钮而不是第一个单击事件。 –

+0

@ValeryViktorovsky你是对的。 – iurisilvio

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

+0

Valery的问题在于,如果将“CHECKED”属性移动到禁用单选按钮并再次运行脚本,它仍然会启用它。 – bart2puck

+0

@ bart2puck我添加':启用'选择器为例。 –