javascript - 如何在单击按钮上向此 JavaScript 或 HTML 添加 CSS？-6ren

javascript - 如何在单击按钮上向此 JavaScript 或 HTML 添加 CSS？

转载作者：行者123 更新时间：2023-11-28 12:11:52

我正在尝试创建一个简单的文本编辑器，但我想知道如何正确添加样式表以使按钮具有某种形状和颜色？我尝试为按钮添加一些 CSS，但它似乎不适用于我需要处理的按钮？

这是我现在拥有的完整代码:

helpstat = false;
stprompt = false;
basic = true;

function thelp(swtch) {
  if (swtch == 1) {
    basic = false;
    stprompt = false;
    helpstat = true;
  } else if (swtch == 0) {
    helpstat = false;
    stprompt = false;
    basic = true;
  } else if (swtch == 2) {
    helpstat = false;
    basic = false;
    stprompt = true;
  }
}

function treset() {
  if (helpstat) {
    alert("Clears the current editor.");
  } else {
    clear = prompt("Are you sure? (y/n)", '');
    clear = clear.toLowerCase();
    if (clear == 'y') {
      document.editor.reset();
      document.editor.value = "";
    }
  }
}

function start() {
  if (helpstat) {
    alert("Elements that appear at the beginning of the document, including TITLE.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<html>\n<head>\n<title></title>\n</head>\n<body>\n";
  } else if (stprompt) {
    for (;;) {
      twrite = prompt("Title?", '');
      if (twrite != "" && twrite != null) {
        break;
      } else {
        prompt("You must enter a title.", 'Ok, sorry.');
      }
    }
    document.editor.area.value = document.editor.area.value + "<html>\n<head>\n<title>" + twrite + "</title>\n</head>\n<body ";

    twrite = prompt("Background color? (blank if none)", '');
    if (twrite != "" && twrite != null) {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + "bgcolor=" + twrite + " ";
    }

    twrite = prompt("Background image? (blank if none)", '');
    if (twrite != "" && twrite != null) {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + "background=" + twrite + " ";
    }

    twrite = prompt("Text color? (blank if none)", '');
    if (twrite != "" && twrite != null) {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + "text=" + twrite + " ";
    }

    twrite = prompt("Link color? (blank if none)", '');
    if (twrite != "" && twrite != null) {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + "link=" + twrite + " ";
    }

    twrite = prompt("Visited link color? (blank if none)", '');
    if (twrite != "" && twrite != null) {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + "vlink=" + twrite + " ";
    }

    document.editor.area.value = document.editor.area.value + ">\n";
  }
}

function end() {
  if (helpstat) {
    alert("Adds the the final elements to a document.");
  } else {
    document.editor.area.value = document.editor.area.value + "\n</body>\n</html>\n";
  }
}

function preview() {
  if (helpstat) {
    alert("Preview/save the document.");
  } else {
    temp = document.editor.area.value;
    preWindow = open("", "preWindow", "status=no,toolbar=n,menubar=y");
    preWindow.document.open();
    preWindow.document.write(temp);
    preWindow.document.close();
  }
}

function bold() {
  if (helpstat) {
    alert("Bold text.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<b></b>";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<b>" + twrite + "</b>";
    }
  }
}

function italic() {
  if (helpstat) {
    alert("Italicizes text.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<i></i>";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<i>" + twrite + "</i>";
    }
  }
}

function underline() {
  if (helpstat) {
    alert("Underlines text.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<u></u>";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<u>" + twrite + "</u>";
    }
  }
}

function pre() {
  if (helpstat) {
    alert("Sets text as preformatted.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<pre></pre>";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<pre>" + twrite + "</pre>";
    }
  }
}

function center() {
  if (helpstat) {
    alert("Centers text.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<center></center>";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<center>" + twrite + "</center>";
    }
  }
}

function hbar() {
  if (helpstat) {
    alert("Creates a horizontal bar.");
  } else {
    document.editor.area.value = document.editor.area.value + "<hr>\n";
  }
}

function lbreak() {
  if (helpstat) {
    alert("Makes a new line, the equivalent of return or enter.");
  } else {
    document.editor.area.value = document.editor.area.value + "<br />\n";
  }
}

function pbreak() {
  if (helpstat) {
    alert("Makes two new lines, the equivalent of two returns or enters.");
  } else {
    document.editor.area.value = document.editor.area.value + "<p>\n";
  }
}

function image() {
  if (helpstat) {
    alert("Inserts an image.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '<img src=""></img>\n';
  } else if (stprompt) {
    twrite = prompt("Image location?", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '<img src=' + twrite + '>\n';
    }
  }
}

function aleft() {
  if (helpstat) {
    alert("Inserts an image with align left.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '<img src="" align=left></img>\n';
  } else if (stprompt) {
    twrite = prompt("Image location?", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '<img src=' + twrite + ' align=left>\n';
    }
  }
}

function aright() {
  if (helpstat) {
    alert("Inserts an image with align right.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '<img src="" align=right></img>\n';
  } else if (stprompt) {
    twrite = prompt("Image location?", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '<img src=' + twrite + ' align=right></img>\n';
    }
  }
}

function atop() {
  if (helpstat) {
    alert("Inserts an image with align top.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '<img src=""align=top></img>\n';
  } else if (stprompt) {
    twrite = prompt("Image location?", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '<img src=' + twrite + ' align=top></img>\n';
    }
  }
}

function amid() {
  if (helpstat) {
    alert("Inserts an image with align middle.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '<img src="" align=middle></img>\n';
  } else if (stprompt) {
    twrite = prompt("Image location?", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '<img src=' + twrite + ' align=middle></img>\n';
    }
  }
}

function abottom() {
  if (helpstat) {
    alert("Inserts an image with align bottom.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '<img src="" align=bottom></img>\n';
  } else if (stprompt) {
    twrite = prompt("Image location?", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '<img src=' + twrite + ' align=bottom></img>\n';
    }
  }
}

function head1() {
  if (helpstat) {
    alert("Creates a header, size 1 (largest size).");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<h1></h1>\n";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<h1>" + twrite + "</h1>\n";
    }
  }
}

function head2() {
  if (helpstat) {
    alert("Creates a header, size 2 (slightly smaller than 1).");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<h2></h2>\n";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<h2>" + twrite + "</h2>\n";
    }
  }
}

function head3() {
  if (helpstat) {
    alert("Creates a header, size 3 (slightly smaller than 2).");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<h3></h3>\n";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<h3>" + twrite + "</h3>\n";
    }
  }
}

function head4() {
  if (helpstat) {
    alert("Creates a header, size 4 (slightly smaller than 3).");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<h4></h4>\n";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<h4>" + twrite + "</h4>\n";
    }
  }
}

function head5() {
  if (helpstat) {
    alert("Creates a header, size 5 (slightly smaller than 4).");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<h5></h5>\n";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<h5>" + twrite + "</h5>\n";
    }
  }
}

function head6() {
  if (helpstat) {
    alert("Creates a header, size 6 (smallest size).");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<h6></h6>\n";
  } else if (stprompt) {
    twrite = prompt("Text?", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "<h6>" + twrite + "</h6>\n";
    }
  }
}

function linkopen() {
  if (helpstat) {
    alert("Begins a link.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '<a href=""></a>';
  } else if (stprompt) {
    twrite = prompt("File location?", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '<a href=' + twrite + '>';
      for (;;) {
        twrite = prompt("Text?", '');
        if (twrite != "" && twrite != null) {
          break;
        } else {
          prompt("You must enter the link text.", 'Ok, sorry.');
        }
      }
      document.editor.area.value = document.editor.area.value + twrite + '</a>\n';
    }
  }
}

function linktext() {
  if (helpstat) {
    alert("Inserts the text for a link.");
  } else if (basic) {
    for (;;) {
      twrite = prompt("Text?", '');
      if (twrite != "" && twrite != null) {
        break;
      } else {
        prompt("You must enter the link text.", 'Ok, sorry.');
      }
    }
    document.editor.area.value = document.editor.area.value + twrite + '\n';
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function linkclose() {
  if (helpstat) {
    alert("Closes a link.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "</a>\n";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function anchor() {
  if (helpstat) {
    alert("Sets an anchor (e.g. #here).");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '<a name=""></a>\n';
  } else if (stprompt) {
    twrite = prompt("Anchor name?", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '<a name=' + twrite + '>\n';
    }
  }
}

function orderopen() {
  if (helpstat) {
    alert("Starts an ordered list.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<ol></ol>\n";
  } else if (stprompt) {
    for (i = 1;; i++) {
      twrite = prompt("Item " + i + "? (Blank entry stops.)", '');
      if (twrite == "" || twrite == null) {
        break;
      }
      if (i == 1) {
        document.editor.area.value = document.editor.area.value + "<ol>\n";
        okeydokey = 1;
      }
      document.editor.area.value = document.editor.area.value + "<li>" + twrite + "\n";
    }
    if (okeydokey) {
      document.editor.area.value = document.editor.area.value + "</ol>\n";
    }
  }
}

function li() {
  if (helpstat) {
    alert("Creates an item in a list.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<li>";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function orderclose() {
  if (helpstat) {
    alert("Closes an ordered list.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "</ol>\n";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function unorderopen() {
  if (helpstat) {
    alert("Starts an unordered list.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<ul></ul>";
  } else if (stprompt) {
    for (i = 1;; i++) {
      twrite = prompt("Item " + i + "? (Blank entry stops.)", '');
      if (twrite == "" || twrite == null) {
        break;
      }
      if (i == 1) {
        document.editor.area.value = document.editor.area.value + "<ul>\n";
        okeydokey = 1;
      }
      document.editor.area.value = document.editor.area.value + "<li>" + twrite + "\n";
    }
    if (okeydokey) {
      document.editor.area.value = document.editor.area.value + "</ul>\n";
    }
  }
}

function unorderclose() {
  if (helpstat) {
    alert("Closes an unordered list.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "</ul>\n";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function defopen() {
  if (helpstat) {
    alert("Starts a definition list.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<dl>";
  } else if (stprompt) {
    for (i = 1;; i++) {
      twrite = prompt("Term " + i + "? (Blank entry stops.)", '');
      if (twrite == "" || twrite == null) {
        break;
      }
      if (i == 1) {
        document.editor.area.value = document.editor.area.value + "<dl>\n";
        okeydokey = 1;
      }
      document.editor.area.value = document.editor.area.value + "<dt>" + twrite + "</dt>\n";
      twrite = prompt("Definition" + i + "? (Blank entry stops.)", '');
      if (twrite == "" || twrite == null) {
        break;
      }
      document.editor.area.value = document.editor.area.value + "<dd>" + twrite + "<dd>\n";
    }
    if (okeydokey) {
      document.editor.area.value = document.editor.area.value + "</dl>\n";
    }
  }
}

function defterm() {
  if (helpstat) {
    alert("Creates the term in a definition.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<dt>";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function define() {
  if (helpstat) {
    alert("Creates the definition.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<dd>";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function defclose() {
  if (helpstat) {
    alert("Closes a defeinition list.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "</dt>";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function font() {
  if (helpstat) {
    alert("Sets the font.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '';
  } else if (stprompt) {
    twrite = prompt("Font?", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '';
    }
  }
}

function fontcolor() {
  if (helpstat) {
    alert("Sets the font color.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + '';
  } else if (stprompt) {
    twrite = prompt("Color? (hex or name)", '');
    if (twrite != null && twrite != "") {
      twrite = '"' + twrite + '"';
      document.editor.area.value = document.editor.area.value + '';
    }
  }
}

function fontsize() {
  if (helpstat) {
    alert("Sets the font size (a number 1-7, or +2, -3, etc.).");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "font size=>";
  } else if (stprompt) {
    twrite = prompt("Size? (e.g. 1, +5, -2, etc.)", '');
    if (twrite != null && twrite != "") {
      document.editor.area.value = document.editor.area.value + "";
    }
  }
}

function fontclose() {
  if (helpstat) {
    alert("Closes the font changes.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "";
  } else if (stprompt) {
    document.editor.area.value = document.editor.area.value + "";
  }
}

function formtable() {
  if (helpstat) {
    alert("Creates a table.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<table></table>";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function formtr() {
  if (helpstat) {
    alert("Creates a table row.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<tr></tr>";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

function formtd() {
  if (helpstat) {
    alert("Creates a standard table cell.");
  } else if (basic) {
    document.editor.area.value = document.editor.area.value + "<td></td>";
  } else if (stprompt) {
    alert("Not used in prompt mode.");
  }
}

.button {
  padding: 10px 20px;
  font-size: 15px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #fff;
  background-color: #e5e59b;
  border: none;
  border-radius: 15px;
}

.button:hover {
  background-color: #f5f5d8
}

.button:active {
  background-color: #e5e59b;
  transform: translateY(1px);
}

<form name="editor">
  <center>
    <table border=1>
      <td align=center>
        <b>Choose Mode:</b><br>
        <input type="radio" name="mode" value="help" onClick="thelp(1)">Guide
        <input type="radio" name="mode" value="prompt" onClick="thelp(2)">Prompt
        <input type="radio" name="mode" value="basic" checked onClick="thelp(0)">Write
      </td>
    </table>
    <br>
    <table border=1>
      <tr>
        <td align=center>
          <input type="button" value="Preview" onClick="preview()">
          <input type="button" value=" Start " onClick="start()">
          <input type="button" value="  End  " onClick="end()">
          <input type="button" value="<img>" onClick="image()">
          <input type="button" value="<L>" onClick="aleft()">
          <input type="button" value="<R>" onClick="aright()">
          <input type="button" value="<T>" onClick="atop()">
          <input type="button" value="<M>" onClick="amid()">
          <input type="button" value="<B>" onClick="abottom()">
          <input type="button" value="Reset" onClick="treset()">
        </td>
      </tr>
      <td>
        <input type="button" value="B" onClick="bold()">
        <input type="button" value="I" onClick="italic()">
        <input type="button" value="U" onClick="underline()">
        <input type="button" value="C" onClick="center()">
        <input type="button" value="<p>" onClick="pbreak()">
        <input type="button" value="<br>" onClick="lbreak()">
        <input type="button" value="<hr>" onClick="hbar()">
        <input type="button" value="<pre>" onClick="pre()">
        <input type="button" value="h1" onClick="head1()">
        <input type="button" value="h2" onClick="head2()">
        <input type="button" value="h3" onClick="head3()">
        <input type="button" value="h4" onClick="head4()">
        <input type="button" value="h5" onClick="head5()">
        <input type="button" value="h6" onClick="head6()">
      </td>
      </tr>
      <tr>
        <td>
          <input type="button" value="Link" onClick="linkopen()">
          <input type="button" value="&#9875;" onClick="anchor()">
          <input type="button" value="<ol>" onClick="orderopen()">
          <input type="button" value="<li>" onClick="li()">
          <input type="button" value="<ul>" onClick="unorderopen()">
          <input type="button" value="<t>" onClick="formtable()">
          <input type="button" value="<tr>" onClick="formtr()">
          <input type="button" value="<td>" onClick="formtd()">
          <input type="button" value="Font" onClick="font()">
          <input type="button" value="Color" onClick="fontcolor()">
          <input type="button" value="Size" onClick="fontsize()">
          <input type="button" value="Close" onClick="fontclose()">
        </td>
      </tr>
      </td>
    </table>
    <table>
      <tr>
        <textarea name="area" rows=50 cols=71 wrap=physical>
</textarea>
        <br>
        <br>
        </td>
    </table>
  </center>

  <body>

    <button class="button" value="<td> onClick=" formtr() " <a href="https://oeclassics.blogspot.com ">Check</a></button>

</body>
</form>

最佳答案

CSS:- .btn {
  border: none;
  outline: none;
  padding: 10px 16px;
  background-color: #f1f1f1;
  cursor: pointer;
}

HTML: <div onclick="myFunction()">
  <button class="btn">1</button>
  <button class="btn active">2</button>
  <button class="btn">3</button>
  <button class="btn">4</button>
  <button class="btn">5</button>
</div>

<element onclick="myScript">

关于javascript - 如何在单击按钮上向此 JavaScript 或 HTML 添加 CSS？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/60429822/

文章推荐： javascript - 更改传单 map 的颜色

文章推荐： javascript - Jquery Accordion 不折叠

文章推荐： CSS :visited border change

文章推荐： javascript - 滑动 DIV 代码 Javascript 的小问题

按钮
所以我有这个 javascript 片段，它有两个按钮可以进入全屏，一个按钮可以退出全屏。我想做到这一点，如果我不在全屏模式下，按钮会显示转到全屏模式，而当我处于全屏模式时，按钮会显示退出全屏模式..
c# - 隐藏可扩展属性的省略号 (...) 按钮，例如属性网格中字体属性的 "…"按钮
我在自定义控件中添加了一个新属性作为可扩展属性，例如属性网格中的字体属性。在 Windows 窗体应用程序项目中使用我的自定义控件后，我在属性网格中看到一个省略号 (…) 按钮，如字体属性的“…”按钮
c# - 隐藏可扩展属性的省略号 (...) 按钮，例如属性网格中字体属性的 "…"按钮
我在自定义控件中添加了一个新属性作为可扩展属性，例如属性网格中的字体属性。在 Windows 窗体应用程序项目中使用我的自定义控件后，我在属性网格中看到一个省略号 (…) 按钮，如字体属性的“…”按钮
javascript - “给我发推文”按钮 - JavaScript 按钮
我尝试将 Twitter 上的“Tweet Me”按钮 ( http://twitter.com/goodies/tweetbutton ) 添加到我的网站。然而，每当按下按钮时，我都会收到此 Jav
javascript - html - <输入类型=按钮> 和 <按钮>
我试图在我的文本区域中获取一个按钮值，如果我使用则工作正常但如果我使用那么它就不起作用了。你能找出问题所在吗？ HTML 1 2 3 4 JavaScript $(document).read
c# - 如何根据调用方法的调用(按钮)发送者(按钮#)操作变量名称？
我的 C# Winform 面板中有一堆文本框。每行文本框的命名如下: tb1 tbNickName1 comboBox1 tb2 tbNickName2 comboBox2 tb3 tbNickNa
javascript - 隐藏 'Clear' 按钮，直到单击 'Apply' 按钮
我有一个表单，其中过滤器下方有按钮(应用过滤器和清除过滤器)，我试图在单击“应用”按钮时显示“清除”，并在单击“清除”按钮时隐藏“清除”按钮。下面的代码(如果我的表有的话):
javascript - 我有一个 Excel 按钮，我想在数据表中添加 pdf 按钮
excel 按钮正在工作，但是当我添加 pdf 按钮时，它添加仅显示 pdf 按钮 excel 按钮在 pdf 按钮添加后隐藏 $(document).ready(function() { $
html - 将标题分为移动应用程序的 3 列(按钮、标题、按钮)
我想创建一个 div 作为标题并分成 3 列，并按以下顺序在其中放置 2 个按钮和一个标题:Button1(左位) Title(居中) Button2(右位) 这是我为这个 div 编写的代码:
javascript - 即使有一个框未选中，如何禁用“允许”按钮？仅当选中所有复选框时才应启用“允许”按钮？
仅当选中所有框时才应禁用“允许”按钮。我该怎么做？我已经完成了 HTML 部分，如下所示。如何执行其中的逻辑部分？即使未选中一个复选框，也应禁用“允许”按钮
php - 在我的网站中开发“点赞”按钮，而不是添加 Facebook“点赞”按钮
很难说出这里问的是什么。这个问题是含糊的、模糊的、不完整的、过于宽泛的或修辞性的，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开它，visit the help center 。已关
java - 在 JSF2 中呈现 HTML5 按钮(按钮、重置和提交)
如您所知，您可以使用 2 种方法在 HTML5 中呈现按钮: 使用 void 元素或如果您需要内容，请使用元素(不是空元素)。在JSF2中，有2种方式生成按钮；与UICommand或 UIOu
jquery - 如果隐藏字段值更改，则应启用“保存”按钮。如果输入相同的值，则应再次禁用“保存”按钮
我尝试根据表单元素的更改禁用/启用保存按钮。但是，当通过弹出按钮选择更改隐藏输入字段值时，保存按钮不受影响。下面是我的代码。我正在尝试序列化旧的表单值并与更改后的表单值进行比较。但我猜隐藏的字段值无
android - 如何使用 ActionDone 按钮(不带 Enter 按钮)实现多行 EditText
我有用于在消息(电子邮件、短信)上输入内容的 EditText。我希望在单击 ActionDone 按钮时立即发布消息。我为此使用以下代码: message.setOnEditorActionList
android - 如何禁用 EditText 软件键盘上的 "Next"按钮(替换为 "Done"按钮)
我的 Android 应用程序中有一堆 EditText，每个都将 InputMethod 设置为 numberSigned。我的目标设备没有硬件键盘，而是使用软件键盘输入数字。 Android 将输
java - 无法以编程方式隐藏弧形菜单中的 fab 按钮。尝试了 upload.hide();无法弄清楚如何隐藏 fab 按钮
我无法以编程方式隐藏弧形菜单中的 fab 按钮。我正在使用https://github.com/saurabharora90/MaterialArcMenu在我的代码中。如何在Java中以编程方式隐藏
java - 有没有办法在 JOptionPane showInputDialog 中只有 OK 按钮(没有 CANCEL 按钮)？
我已经看到这在其他类型的对话框窗口中是可能的，例如“showConfirmDialog”，其中可以指定按钮的数量及其名称；但是使用“showInputDialog”时是否可以实现相同的功能？我似乎无法
java - 如何通过 Selenium 和 Java 单击“停用”按钮，然后单击“激活”按钮
相同的按钮用于激活和停用。第一次，当代码运行按钮单击并成功“停用”时。但第二次，代码无法找到该元素。第一个案例按钮位于第二个“a”标签中，然后停用第一个“a”标签中的按钮。案例1: Edit
JavaScript 按钮
是否可以将按钮的 onclick 操作设置为 JavaScript 变量？这个想法是我们用 JavaScript 控制一个表。每当点击该表的一行时，我们就会更新一个 JavaScript 变量。该 v
android自定义控件(按钮)
我想创建一个按钮，它包含左侧的文本和右侧的复选框(或任何其他组件)。我怎样才能做到这一点？我发现我可以制作自己的 View extends Button，但是如果可以的话我应该如何实现 onDraw

行者123

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 如何在单击按钮上向此 JavaScript 或 HTML 添加 CSS？