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

Question

我正在尝试为我的 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;
}

Answer 1

您似乎已经在页面上包含了 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
});