Как получить кнопку для отображения при клике

с помощью «this->» лучше (вы уверены, что это члены), но это не имеет значения

0
задан Nikos Tzianas 18 January 2019 в 05:23
поделиться

3 ответа

Вы можете проверить приведенный ниже код, чтобы изменить значение

<p id="changeName">Mark</p>
<button type="button" class="myevent">Button</button>

<script>
jQuery(function(){
    $('.myevent').on('click', function(){
       var name = "John Doe";
       $('#changeName').val(name);
    });
});
</script>

Это функция Jquery, пожалуйста, включите библиотеку jquery перед ее использованием.

0
ответ дан Er Deepak Prabhakar 18 January 2019 в 05:23
поделиться
  • Чтобы заставить onclick на вашей кнопке что-то делать, скажите onclick, что делать при срабатывании; В этом случае я сказал ему выполнить функцию myFunction.
  • В этой функции создайте свою переменную и оповестите ее, используя alert()

function myFunction() {
  var myName = "Woolley";
  alert(myName);
}
<!Doctype html>
<html>
<style type=text/css>
  div1 {
    background-color: yellow;
  }
  
  div2 {
    background-color: #000000;
    color: red;
  }
</style>

<body>

  <div1 id="myName"><b>Woolley</b></div1>

  <div2 class="Hobbies">Hockey</div2>

  <div2 class="Hobbies">Hiking</div2>

  <button type="button" onclick="myFunction()">Button</button>

</body>

</html>


Если вы не хотите использовать функцию, вы также можете указать onclick выполнить alert() без функции:

<button type="button" onclick="var myName = 'Woolley'; alert(myName);">Button</button>
[1113 ]

Обратите внимание, что вам нужно правильно использовать " и ', в противном случае ваш HTML-код недействителен и не сможет выполнить ваш JavaScript.

0
ответ дан CodeF0x 18 January 2019 в 05:23
поделиться

Используя чистый Javascript:

<!Doctype html>
    <html>
      <style type=text/css>
        div1 {
          background-color: yellow;
        }

        div2 {
          background-color: #000000;
          color: red;
        }

      </style>
      <script>
        function displayName(){
          var myName = "Woolley";
          alert(myName);
        }
      </script>

      <body>

        <div1 id="myName"><b>Woolley</b></div1>

        <div2 class="Hobbies">Hockey</div2>

        <div2 class="Hobbies">Hiking</div2>

        <button type="button" onclick="displayName()">Button</button>

      </body>

    </html>
0
ответ дан Prashant Zombade 18 January 2019 в 05:23
поделиться
Другие вопросы по тегам:

Похожие вопросы: