javascript - 如何使用带有 id 参数的 js 函数交换 html 按钮内的文本？

Question

我想交换 html 按钮内的文本，但使用具有 3 个参数的函数，id、first_text、second_text。

我正在寻找具有相同问题的其他问题，但它对我没有帮助。

这是行不通的:

按钮(var1,value,id 是来自 php 的变量):
<input type='button' id=".$id." onclick='swaptxt('"$.id."', '".$var1."','".$value."')' value=".$value.">

功能:

function swaptxt(index, text1, text2){
        var elem = document.getElementById(index);
        if (elem.value===text1)
          elem.value = text2;
        else
          elem.value = text1;

Answer 1

您没有得到正确的输出，因为您在参数中传递了错误的 id。在输入中，您将 id 指定为“.$id.”，但在参数中，您将 id 作为“$.id.”传递。提供正确的 ID，您将获得预期的输出。

function swaptxt(index, text1, text2){
  var elem = document.getElementById(index);
  if (elem.value===text1)
    elem.value = text2;
  else
    elem.value = text1;
}

<input type='button' id=".$id." onclick='swaptxt(".$id.",".$value.", ".$var1.")' value=".$value">