javascript - 获取按钮文本值以确定变量值

我正在尝试为我的wordpress网站编写一个函数，该函数首先获取按钮的文本值，然后从中确定变量的值。

我有三个按钮。
每个都有相同的文本值“选择项目”。我编写了一个javascript函数（以下仅简化为仅显示一个示例），单击该函数会将文本值更改为“ Selected”。现在，我需要找到一种方法来确定按钮的文本值是否已更改为“已选择”，然后将名为$ amount的变量更改为新值。我知道可以用jquery做到这一点，但我想避免这样做的原因是因为我需要它与特定的wordpress函数配合使用，并在wordpress的functions.php中调用脚本会造成混淆。我试图将按钮更改为输入，然后将其放入表单中，以便尝试$ _POST方法，但对此我的理解是，$ _ POST方法仅适用于提交，并且在任何提交之前都需要更改变量。

 <a href="#" class="selectitem1" type="submit">Select Item</a>
 <a href="#" class="selectitem2" type="submit">Select Item</a>
 <a href="#" class="selectitem3" type="submit">Select Item</a>

$(function() {
  $("a.selectitem1").click(function() {
   $("a.selectitem1").text('Selected');
  });
});

//not sure what to do here
add_filter( 'abcde', 'adjust_amount');
function adjust_amount() {

    if selectitem1 text value is now "Selected"{
    $amount = 50;
    if selectitem2 text value is now "Selected"{
    $amount = 150;
    if selectitem3 text value is now "Selected"{
    $amount = 250;
}

最佳答案

您似乎已经在页面上包含jQuery，所以我不明白为什么您不希望不使用jQuery设置$amount变量？

获得所需功能的最简单方法如下：

$(function() {
    $('a.selectitem1').click(function() {
        $('a.selectitem1').text('Selected');
        $('a.selectitem2').text('Select item');
        $('a.selectitem3').text('Select item');
        $amount = 50;
    });

    // equivalently for selectitem2 and selectitem3
});

关于javascript - 获取按钮文本值以确定变量值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38544462/