如何使用jQuery/JavaScript根据name和value触发按钮点击事件

以下分别提供jQuery和原生JavaScript两种实现方式：

jQuery 版本 #

直接使用多属性匹配选择器定位目标按钮，调用click()方法即可触发点击：

// 示例：触发name为vote_id、value为1的按钮点击
$('button[name="vote_id"][value="1"]').click();

如果需要触发value为2的按钮，把选择器里的value值改成"2"即可。

原生JavaScript 版本 #

使用querySelector匹配对应属性的按钮，兼容所有现代浏览器：

// 示例：触发name为vote_id、value为2的按钮点击
const targetButton = document.querySelector('button[name="vote_id"][value="2"]');
// 先判断节点是否存在，避免不存在时报错
if (targetButton) {
  targetButton.click();
}

注意：以上两种方式触发的点击效果和用户手动点击完全一致，按钮所属的表单会正常提交对应的POST请求。

内容的提问来源于stack exchange，提问作者abu risal