按动态创建按钮以显示隐藏的无线电选项列表

时间:2014-04-02 16:09:14

标签: javascript jquery

<script>
   $all_hier_radio.on("change", function() {
   // Grab an input radio checked handler
   // Hide the radio options
   $all_hier_div.hide();
   $all_hier_radio.hide();

   // Create a button to be added to another div like this:
 $hierarq_but = $("<button/>", {  
    text: $hier_div_checked_id.text(),                    
                  type: "button",                    
                  id: "btn_hier",                      

            }); 
    // Append the button to another div

当用户选择其中一个选项时,列表不可见,所以没关系。 但是,我希望当用户点击该按钮时,可以再次显示先前隐藏的无线电选项列表

    $("button#btn_hier").bind("click", resetHierarquia());
</script>

在另一个档案中,

function resetHierarquia() {                                            
    console.log("RRRRRREEEESSSSEETT");
    //$(this).preventDefault();
    //$(this).stopPropagation();
    $all_hier_div.show();
    $all_hier_radio.show();                                         
}   

但我没有达到预期的效果。请考虑一下我第一次钻研javascript ...

1 个答案:

答案 0 :(得分:0)

问题在于这一行:

$("button#btn_hier").bind("click", resetHierarquia());

应该是这样的:

$("button#btn_hier").bind("click", resetHierarquia);

这是因为您不想调用函数resetHierarquia,而是将参数传递给事件监听器。