淘先锋技术网

首页 1 2 3 4 5 6 7

jquery点击按钮事件传值

jQuery是一个广泛使用的JavaScript库，它简化了HTML文档的遍历和操作、事件处理、动画和Ajax等常见任务。在开发过程中，经常需要通过点击按钮来传递数据。下面给出一个简单的例子。


<!DOCTYPE html>
<html>
<head>
  <title>jQuery点击按钮事件传值示例</title>
  <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
  <p>请输入您的名字:</p>
  <input type="text" id="name" value="" />
  <br/><br/>
  <button id="submit">提交</button>
  <p>您输入的名字是:</p>
  <p id="result"></p>
  
  <script>
  $(document).ready(function(){
    $("#submit").click(function(){
      var name = $("#name").val();
      $("#result").text(name);
    });
  });
  </script>
</body>
</html>

jquery点击按钮事件传值

在上面的例子中，我们创建了一个文本框和一个按钮，当用户输入名字并点击按钮后，我们获取输入框中的值，并将其赋给一个变量name。接着，我们将name的值赋给一个p标签中的文本。这样，我们就成功地实现了点击按钮来传递数据的功能。值得注意的是，在获取文本框的值时，我们使用了jQuery的val()方法，该方法用于获取或设置匹配元素的值。