在onclick函数中传递一个字符串参数

我想传递一个参数(即字符串)到Onclick函数。

目前，我是这样做的:

'<input type="button" onClick="gotoNode(' + result.name + ')" />'

例如，result.name = string "Add"。

当我点击这个按钮时，我有一个错误，说“Add is not defined”。由于这个函数调用可以很好地处理数值形参，所以我假设它与字符串中的符号“”有关。

我该如何解决这个问题?

当前回答

你也可以在字符串中使用重音符号(')

Try:

`<input type="button" onClick="gotoNode('${result.name}')" />`

欲了解更多信息，请访问MDN和Stack Overflow。

由Chrome, Edge, Firefox (Gecko)， Opera, Safari支持，但不支持Internet Explorer。

2016-05-01 12:58:39

其他回答

如果用于生成一组具有不同处理程序参数的按钮。

JavaScript闭包

let some_button = document.createElement( "button" );
some_button.type = "button";

some_button.onclick = doWithParam( some_param );

function doWithParam( param ){
    return function(){
        alert( param ); // <-- Your code here
    }
}

如果我们这样做:

some_button.onclick = foo( some_param );
function foo( param ){
    alert( param );
}

然后函数foo在每个更新页面之后启动。

如果我们这样做:

for( let i = 0; i < 10; ++i ){
    var inputElement = document.createElement('input');
    inputElement.type = "button"
    inputElement.addEventListener('click', function(){
        gotoNode(result.name);
    });

    document.body.appendChild(inputElement);
}

然后，对于循环中创建的所有按钮，参数的最后一个值是“result.name”。

2018-07-05 05:07:16

我建议甚至不要使用HTML的onclick处理程序，而使用一些更常见的东西，如document.getElementById。

HTML:

<input type="button" id="nodeGoto" />

JavaScript:

document.getElementById("nodeGoto").addEventListener("click", function() {
    gotoNode(result.name);
}, false);

2012-03-10 02:12:36

没有转义双引号是OP问题的原因。一种易读的方法是使用反引号(MDN)来转义双引号。下面是一个示例解决方案:

my_btn。setAttribute(’onclick’±my_func ($ $ onclick_var1}”、“onclick_var2} ")”);

2021-02-16 07:39:25

如果你的按钮是动态生成的:

你可以将字符串参数传递给JavaScript函数，如下所示:

我传递了三个参数，第三个是字符串参数。

var btn ="<input type='button' onclick='RoomIsReadyFunc("+ID+","+RefId+",\""+YourString+"\");'  value='Room is Ready' />";

// Your JavaScript function

function RoomIsReadyFunc(ID, RefId, YourString)
{
  alert(ID);
  alert(RefId);
  alert(YourString);
}

2018-06-27 10:38:40

下面的方法对我很有用，

<html>
<head>
    <title>HTML Form</title>
</head>
<body>
    <form>
        <input type="button" value="ON" onclick="msg('ON')">
        <input type="button" value="OFF" onclick="msg('OFF')">
    </form>
    <script>
        function msg(x){
            alert(x);
        }
    </script>
</body>
</html>

2018-05-11 08:29:41

在onclick函数中传递一个字符串参数

推荐文章

最新文章

标签