Question

我有几个属于同一个班级的按钮。我想检索我点击的按钮的值。

这是我的代码：

var battons = document.getElementsByClassName("converting_video");
var number_of_buttons = battons.length;

function actual_url() {
  while (number_of_buttons > 0) {
    for (i = 1; i <= number_of_buttons; i++) {
      function getting_url() {
        battons[i].addEventListener("click", video_url)
      }

      function video_url(url) {
        alert(url);
      }
    }
  }
}


var battons = document.getElementsByClassName("class_btns");
var number_of_buttons = battons.length;

function actual_url() {
  while (number_of_buttons > 0) {
    for (i = 1; i <= number_of_buttons; i++) {
      function getting_url() {
        battons[i].addEventListener("click", video_url)
      }

      function video_url(url) {
        alert(url);
      }
    }
  }
}

<button class="class_btns" value='1'> results </button>
<button class="class_btns" value='2'> results </button>
<button class="class_btns" value='3'> results </button>
<button class="class_btns" value='4'> results </button>

Answer 1

这将允许您获取所单击的任何按钮的值。使用jQuery的.click（）事件处理程序和$（this）.val（）将允许单击按钮的值为警报中的值。不确定你正在寻找的是video_url等，但这应该指向正确的方向。然后，您可以使用点击中的值传递给您的函数，而不是jusrt警告我，例如：... video_url（btnVal）...

$(document).ready(function(){
  $('.class_btns').click(function(){
     var btnVal = $(this).val();
     alert(btnVal);
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="class_btns" value='1'>results</button>
<button class="class_btns" value='2'>results</button>
<button class="class_btns" value='3'>results</button>  
<button class="class_btns" value='4'>results</button>

检索按钮的唯一值

1 个答案: