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

Question

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

我一直在寻找另一个具有相同问题的问题，但这对我没有帮助。

这不起作用：

Button（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"> 

Answer 2

不要从PHP中回显它，而是退出PHP，仅使用PHP添加变量。

?> <!-- we are no longer in PHP -->
<input type='button' id='<?php echo $id;    ?>' 
       onclick='swaptxt('<?php echo $id;    ?>', 
                        '<?php echo $var1;  ?>',
                        '<?php echo $value; ?>')' 
       value='<?php echo $value; ?>'>
<?php // back to PHP now

Answer 3

进行连接的另一种方法：

onclick="swaptxt(\'' . $id . '\',\'' . $var1 . '\',\'' . $value .'\');"