js怎么根据 button 的name获取并且点击它

如有多个同名的button,name是已知的,怎么获取这些button,并全部触发操作。

getElementsByName(name)获得一个数组,再遍历这些数组,绑定事件onclick

$('input[name="xxxxx"]'),这个找到一个集合,所以你最好给元素加上id,根据id找到唯一对象,然后执行click

可以通过name获取所有button 统一绑定点击事件,jquery API里面直接有详细的用法

JS:

      var button = div1.getElementsByTagName('buttonName');//获取所有name为buttonName的Button
    for(var i = 0; i < button.length; i++){
            button[i].click();//模拟点击事件
    }

Jquery:

     $(function(){
        $("#buttonId").click(function(){
            alert();
        })
    })

虽然name可以,但还是建议使用id来进行查找

var btn = document.getElementByTagName("button");//没用已知的name,这里针对所有的button
var btn1 = document.getElementByName("XXXX");//这里用的是已知的name。XXX是你的name
//jquery: $("button")或者$("[name='XXX']") 若button命名为 f_btn, s_btn等以btn结尾,可以用$("[name$='btn']")

var len=btn.length;
var i = 0;//对应每一个btn
while(len--)//你可以用for循环
{
btn[i].click() = function(){alert("1");}
i++;
}
//jquery: $("button").click(function(){alert("1");}); 不用放到循环里面

//以上是思路,,代码写的不规范,也可能有点小错误。。。我也是新手,共勉。。

```var button = div1.getElementsByName('buttonName');//获取所有name为buttonName的Button
for(var i = 0; i < button.length; i++){
button[i].onclick=function(){
// do something
}
}


最好使用id,使用name得到的是一个集合

var buts=document.getElementByName("buttonName");
for(var i=0;i<buts.length:i++){
buts[i].onclick=function(){
//操作事件
}
}

$('[name="xxxx"]').trigger('click')