如何在默认情况下激活按钮

How to put a button active by default?

本文关键字：激活 按钮 情况下 默认      更新时间：2023-09-26

提前感谢。

问题是：

我有两个按钮，当用户点击div时，它们会显示div的内容

div的内容位于一个函数中，该函数在用户单击按钮（onclick）时显示内容。

但是，当页面加载只显示两个没有任何内容的按钮时，有没有办法在默认情况下将其中一个按钮"设置"为活动按钮？

我试过这个：

Html:

<div class="diferencias col-md-12 col-lg-12">
 <div class="diferencias col-md-6 col-lg-6"><input type="button" value="Web" onClick="fashioncatweb();">
</div>
 <div class="diferencias col-md-6 col-lg-6"> <input type="button" value="Logo" onClick="fashioncatlogo();">
</div>
 </div>
<div class="row">
<div id="container">
<div id="content"></div>
</div>
</div>

JS:

function fashioncatweb()
{
var text = "<p>text";
var img = "images/.....";
var content = "<div class='"col-md-7'"><div class=img><img class=img-responsive src='"" + img + "'" alt='"'" /></div></div>"
   + "<div class='"col-md-5'"><div class=pre-scrollable id='"fashion'">" + text + "</div></div>";
appendToContainer(content);
}
function fashioncatlogo()
{
var text = "<p>text";
var img = "images/....png";
var content = "<div class='"col-md-7'"><div class=img><img class=img-responsive src='"" + img + "'" alt='"logo'" /></div></div>"
+ "<div class='"col-md-5'"><div class=pre-scrollable id='"logo'">" + text + "</div></div>";
appendToContainer(content); 
}

$(document).ready(function () {
  piramidalweb();
});

但它只适用于一个部分，我有大约15个不同的部分。

再次感谢！！

您应该有一个在单击按钮时调用的函数：

使用纯Javascript：

<input type="button" value="Button1" id="btn1" onclick="showContent(this.id)" />
function showContent(id) {
  if(id === "btn1") {
      // show the content 
  }
}

然后立即在脚本标记内的页面底部调用：

showContent("btn1");

这将立即加载内容。

为了改进这一点，您可以在加载时或在jQuery中的就绪函数中执行此函数，但希望您能够从那里获得它。

相关文章：