【问题标题】:how to make a button pressed by default in html or javascript如何在html或javascript中默认按下按钮
【发布时间】:2018-05-18 05:07:36
【问题描述】:

我有一个对用户隐藏的按钮,但希望默认情况下单击它,如果您希望默认情况下检查它,请添加选中的属性是否有任何方法可以做同样的事情这里有按钮的东西是我的代码

<input id="submit" type="hidden" value="Reverse Geocode" autofocus> 

【问题讨论】:

  • 你想要什么?如果用户点击复选框按钮应该被点击??
  • 您可以调用按钮window.load()click event,或者如果您有分配给它的功能,只需调用它。
  • 那不是按钮,而是隐藏字段。
  • 我可能是错的,但我认为 是您正在寻找的。如果不是,那为什么不直接使用 onload 事件来触发呢?
  • 你的实际目标是什么?您正在询问默认情况下“单击”的按钮,但您的 html 显示了一个隐藏的输入字段。

标签: javascript html button


【解决方案1】:

你可以这样做:

<script type="text/javascript">
document.getElementById("submit").click();
</script>

【讨论】:

    【解决方案2】:

    也许您可以执行以下操作:

    document.getElementById('chkTest').addEventListener('click', function(){
      if(this.checked)
        document.getElementById('submit').click();
    });
    
    document.getElementById('submit').addEventListener('click', function(){
      alert('button clicked');
    });
    <input id="submit" type="hidden" value="Reverse Geocode" autofocus />
    
    <input type="checkbox" id="chkTest" /> Check To Click The Button

    【讨论】:

      【解决方案3】:

      起初,您的按钮不是按钮。这是一个隐藏字段。

      为了使其成为按钮,请将type="hidden" 更改为type="button"。要使其对用户不可见,您可以使用如下内联样式:style="display: none;"

      因此,您的按钮如下所示: &lt;input id="submit" style="display: none" type="button" value="Reverse Geocode"&gt;


      现在,要点击它,只需调用click() 方法:

      document.getElementById('submit').click();
      

      【讨论】:

        【解决方案4】:

        文档准备好后立即触发按钮上的点击事件。您必须编写如下所示的点击事件。

        $(document).ready(function(){
        
            $("#yourButtonId")[0].click();
        
        });  
        

        【讨论】:

          【解决方案5】:

          现在我明白了您的问题,您希望默认单击提交按钮。尝试点击事件,它会触发提交。

          <script>
             $('#submit').trigger('click');
          </script>
          

          在 JavaScript 中

             document.getElementById("submit").click();
          

          【讨论】:

            猜你喜欢
            • 1970-01-01
            • 2011-04-20
            • 2011-01-05
            • 2012-01-22
            • 1970-01-01
            • 1970-01-01
            • 2015-02-22
            • 2017-12-31
            • 1970-01-01
            相关资源
            最近更新 更多