Question

如何用JavaScript或jQuery编写代码，按下按钮后调用click事件？

HTML：

<form action="#" method="get">

    <button type="submit">Turn to the dark side</button>
</form>

Answer 1

不确定您需要什么，但点击下面的按钮会触发警报。将任何函数（事件）放在那里。

https://jsfiddle.net/9p70hwyL/

<button type="submit" onclick="alert('The event')">Turn to the dark side</button>

Answer 2

你可以这样做：

<button id="target" onclick="myFunction()">Click me</button>

或者使用jquery：

$( "#target" ).click(function() {
  alert( "Handler for .click() called." );
});

Answer 3

这是您在JavaScript中所需要的。

function submitForm(){
document.body.style.backgroundColor = "red";
}

#bg{
  width: 200px;
  height: 200px;
  background: green;
}

<div id="bg" ></div> 

<form action="#" method="get">
    <button onclick="submitForm()" type="button">Turn to the dark side</button>
</form>

Answer 4

在Javascript中，您可以通过以下两种方式编写代码

<button type="submit" click="alert('Hi');">Turn to the dark side</button>

或

<button type="submit" click="buttonClicked();">Turn to the dark side</button> function buttonClicked() { alert('Hi'); }

在Jquery中，您可以按类名（css类）和id。
调用事件
<button type="submit" id="btn">Turn to the dark side</button> $("#btn").click({ alert('Hi'); });

OR

<button type="submit" class="btnClass">Turn to the dark side</button> $(".btnClass").click({ alert('Hi'); });

Answer 5

Theres the html onClick（）方法。

例如

<button onClick="return sampleFunction()">Click me!!!</button>

在JavaScript中

function sampleFunction()
{ 
    alert("abc"); 
    return false;
}

此返回false将停止按钮的默认操作，例如表单发布。如果您返回true，则会继续。

Answer 6

我很抱歉，但这对我没有帮助。看看这个：

    <form action="http://youtube.com" method="get">
  <ul>
    <li>
      <input id="checkbox_vader" type="checkbox" name="character" value="dark_side">
      <label for="checkbox_vader" data-sentence="There is no escape from the Dark Side.">Vader</label>
    </li>
  </ul>
  <button type="submit">Turn to the dark side</button>
</form>

我想在javascript / jquery中做if-else。请你告诉我，如何开始在js / jq中编写代码？

如何在按下按钮时调用单击JavaScript事件？

6 个答案: