Javascript 添加onclick函数以转到url代码

我正在使用此代码从“按钮URL”获取URL，我需要

onclick

函数将充当指向URL的链接

我想把这个按钮放在同一页的几个地方。 问题是它只在一个地方起作用。如何解决

<? php $ button_url = get_field ('button_url'); ?>
<script>
jQuery (document) .ready (function ($) {
var button_url = '<? php echo $ button_url; ?> ';
$ ("# myBtn"). attr ("href", button_url);
});
</script>

jQuery（文档）.ready（函数（$）{
var按钮_url=''；
$（“#myBtn”）.attr（“href”，按钮url）；
});

代码

<a href="" id="myBtn"> button </a>

---

我认为您试图使用相同ID（#myBtn）的多个元素，这是无效的（）。因此，如果您将它改为类（.myBtn），它应该可以工作

<? php $ button_url = get_field ('button_url'); ?>
<script>
jQuery (document) .ready (function ($) {
var button_url = '<? php echo $ button_url; ?> ';
$ (".myBtn"). attr ("href", button_url);
});
</script>

<a href="" class="myBtn"> button </a>

jQuery（文档）.ready（函数（$）{
var按钮_url=''；
$（“.myBtn”）.attr（“href”，按钮链接）；
});

试试这个

<a href="link1" class="myBtn">button</a>
<a href="link2" class="myBtn">button</a>
<script>
$("body").on("click", ".myBtn", function(){
window.location = $(this).attr("href");
});
</script>

$（“body”）。在（“click”、“.myBtn”函数（）上{
window.location=$（this.attr（“href”）；
});

如果您有多个a标签，下面是一个如何将指向a的链接放置到所有a标签的示例。您需要使用类，而不是id。id在页面上是唯一的

jQuery（文档）.ready（函数（$）{
var按钮https://stackoverflow.com/“；//您的php链接
$（“.myBtn”）.attr（“href”，按钮链接）；
});










只要改变就行了

$("#myBtn").attr("href", button_url);

到

如果有多个位置，则需要使用一个类。id在页面上必须是唯一的。将美元（“#myBtn”）更改为美元（“.myBtn”）。在html页面上，将id更改为我尝试过的类，但没有成功。为什么要首先使用JavaScript？为什么不将
$button\u url
的值作为该链接的
href
属性的内容放在HTML输出中呢？
$("a#myBtn").attr("href", button_url);