【问题标题】:Show hidden button on Click jquery [closed]在单击jquery上显示隐藏按钮[关闭]
【发布时间】:2014-02-12 15:40:06
【问题描述】:

一个简单的问题,但我似乎无法在互联网上找到任何答案,请帮助。

<input hidden="true"   class="btnsubmit"  id="myaddslide2" onClick="UPCURSLIDE()"  type="button" value="UPDATE"> 
<script>
 function showbutton(){}
</script>

我想在点击元素或调用函数时显示隐藏按钮

【问题讨论】:

  • '我似乎无法在互联网上找到任何答案'...:D
  • 简单如谷歌输入 jquery 显示隐藏输入 :P

标签: javascript jquery html css


【解决方案1】:

使用.show()

function showbutton() {
    //$('input:button:hidden').show();
    $("#myaddslide2").show(); //directly target id
}

Fiddle Demo

【讨论】:

    【解决方案2】:

    你可以这样做

    jQuery(document).on("click", "(some selector e.g button ID, Name etc)", function(){
    
         jQuery('element_id or what ever selector you are passing').prop("hidden",false);
        });
    

    或者类似的东西

     jQuery(document).on("click", "(some selector e.g button ID, Name etc)", function(){
    
             jQuery('element_id or what ever selector you are passing').show();
            });
    

    【讨论】:

    • 为什么不使用 .hide() 或 .show() ?
    • 它们也可以使用,我将编辑 thx 以供指点
    • 检查我的答案 .show();
    • @Anton:非常真实的朋友,但问题很广泛
    • @mplungjan:我再次提到这个问题太宽泛了,我以几乎相同的角度给出了答案,他引用了I want to show the hidden button when i click an element or call a function
    【解决方案3】:
    function showbutton() {
    
        $("#myaddslide2").show();
    }
    

    【讨论】:

      【解决方案4】:
      function showbutton(){
         $('#myaddslide2').fadeIn();
      }
      

      【讨论】:

        【解决方案5】:
        var showbutton = function() {
            $("#myaddslide2").prop("hidden",false);
        }
        

        无论如何,我会通过 css 和 display:none 来实现...只是我的偏好。

        【讨论】:

          【解决方案6】:

          你可以使用jQueryshow()方法

          function showbutton(){
             $('#myaddslide2').show();
          }
          

          文档:http://api.jquery.com/show/

          【讨论】:

            【解决方案7】:

            当你点击任何元素时说,

            showbutton(){$(#myaddslide2).show();}
            

            【讨论】:

              【解决方案8】:

              用途:

              $("#myaddslide2").prop("hidden",false);
              

              $("#myaddslide2").show()
              

              【讨论】:

              • 反对者是否愿意发表评论?
              【解决方案9】:

              以下代码将起作用

              function showbutton(){
              
                 $('#myaddslide2').show();
              
              }
              

              【讨论】:

                猜你喜欢
                • 2016-10-11
                • 2016-01-20
                • 2013-01-18
                • 2018-03-27
                • 2013-05-17
                • 1970-01-01
                • 2013-01-20
                • 1970-01-01
                • 2017-08-28
                相关资源
                最近更新 更多