php - 可以在每个 div 中加载/触发多个 JS/按钮的 Html 按钮

Question

我有一个由模板页面生成的带有小方块的页面，每个方块都有一个按钮，可以将歌曲添加到播放列表中。

在标题中，我想制作一个按钮以将所有歌曲添加到播放列表中，有效地单击所有歌曲，

_{ps 英语不是我的主要语言}

我已经解决了这个问题，这是我的链接和代码：

 <input type=button id = button2 value=boy onclick="changeMe(this)">
 <input type=button id = button2 value=boy onclick="changeMe(this)">

 <input type=button  value=all onclick="clickall()">

<script>        
function changeMe(obj){
   if(obj.value == "boy"){
   obj.value = "girl"
   }else{
   obj.value = "boy"
  }
}

 function clickall() 
{
    var test = document.getElementsByTagName('input');
    for(i=0;i<test.length;i++)
    {
       if(test[i].value=="boy" || test[i].value=="girl") 
        {
           test[i].click();
        } 
    }


}

</script>

JS 链接：http : //jsfiddle.net/bHK58/2/

Answer 1

确定识别按钮的方法。例如，如果您的页面如下所示：

<header> ... </header>
<section id="songs">
    <button>...</button>
    <button>...</button>
    <button>...</button>
</section>

...然后你可以得到一个按钮列表：

var buttons = document.getElementById("songs").getElementsByTagName("button");

然后遍历按钮，并调用button.click().