JavaScript动态参数

本文介绍了JavaScript动态参数的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有以下代码(html，js，jquery)代码段( http://jsfiddle.net/MUScJ/2/):

I have following code (html,js,jquery) snippet (http://jsfiddle.net/MUScJ/2/):

<script type="text/javascript">
    function someFunc(){
    html = '';
    z = 1;
    for(i=0; i<5; i++){
        html += '<input type="button" value="Button_'+z+'"' +
                'onclick="otherFunc(z);">';
         z++;
    }

    $("#container").html(html);

   return true;
}

function otherFunc(z){
    alert('z:' + z);

     return true;
}

</script>

<div id="container"></div>
<input type="button" value="Go" onclick="someFunc();" />

此脚本输出带有onclick事件的五个按钮. JS函数otherFunc总是返回等于6的z变量.可以克服这个问题吗?我希望每个按钮都有其特定的z值-1,2,3 ..等.

This script outputs five buttons with onclick event. JS function otherFunc always returns z variable equal to 6. Is it possible to overcome this ? I want every button have its specific z value - 1,2,3.. and etc.

有什么想法吗?

推荐答案

更新的演示- http://jsfiddle. net/MUScJ/4/

更新的代码-

    html += '<input type="button" value="Button_'+z+'"' +
            'onclick="otherFunc('+z+');">';

这篇关于JavaScript动态参数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！