获取按钮的,input框的value值

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="index.css" />
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <title>bilibili</title>
  </head>
  <body>
    <div class="header">
      <div>
        <ul class="headone">
          <li><img src="bilibili.png" alt="" /></li>
          <li>主站</li>
          <li>番剧</li>
          <li>游戏中心</li>
          <li>直播</li>
          <li>会员购</li>
          <li>漫画</li>
          <li>赛事</li>
          <li>下载app</li>
        </ul>
      </div>
    </div>
    <div class="content">
      <div class="one">
        <iframe
          src="https://player.bilibili.com/player.html?aid=806780281&bvid=BV1r34y1d7oG&cid=445497666&page=1"
          scrolling="no"
          border="0"
          frameborder="no"
          framespacing="0"
          allowfullscreen="true"
          width="638"
          height="477"
        >
        </iframe>
      </div>
      <div class="two">
        <div class="two_one">
          <div class="touxiang">
            <img
              src="	https://i1.hdslb.com/bfs/face/c7fb5da587c2ec6b56ad47579933fda34c000457.jpg@256w_256h_1o.webp"
              alt=""
            />
            <!-- <span class="bili-avatar-icon--personal"></span> -->
          </div>
          <div>
            <span style="color: #fb7299; font-size: 14px">盗月社食遇记 </span
            ><span style="font-size: 12px">发消息</span>
            <div style="font-size: 12px; color: #999">
              <span>心里有光,哪里都美</span>
            </div>

            <button>为它充电</button>
            <input
              type="button"
              value="关注625.4万"
              onclick="guzhu()"
              id="gz"
            />
            <!-- <button onclick="guzhu()" id="gz">关注625.4万</button> -->
          </div>
        </div>
      </div>
    </div>
  </body>
  <script>
    var num = 0;
    function guzhu() {
      // console.log($("#gz").attr("value"));
      console.log($("#gz").val());
      $("#gz").val("已关注700万");
      $("#gz").attr("disabled", true);
      // var text = $("#gz").val();
      // console.log($("#gz").val());
      // if (text == "已关注700万") {
      //   $("#gz").attr("disabled", true);
      // }
    }
  </script>
</html>

猜你喜欢

转载自blog.csdn.net/liulang68/article/details/121450530