如何在按钮上逐个显示多个文本字段

Question

我需要在按钮上逐个添加2-3个文本字段，其中“L”是文本字段的ID。我正在尝试这个代码，但我没有使用jQuery，而是想使用简单的javascript，因为我在Joomla环境中实现了这个代码。

function WrapperScript () {
    JQuery('#wrapper1 button').click(function(){
        for (var i=1;i<=4;i++)
        {
            var id='#L'+i;
            var setting = JQuery(id).css('display');
            if (setting=='none')
            {
                JQuery(id).css('display', 'block');
                break;
            }
        }
    });
}

Answer 1

如果您需要在不使用jQuery的情况下制作相同的脚本，请参阅

function WrapperScript () {

//use an appropriate getter for the button
var button = document.getElementblahblah

button.onclick = function(){
   for (var i=1;i<=4;i++)
   {
      var id='#L'+i;
      var element = document.getElementById(id);
      var setting = element.style.display;

      if ( setting=='none' )
      {
         element.style.display = 'block';
         break;
      }
  }
 }
}