将按钮的设置值单击为Javascript变量 - 不使用ID /名称

时间:2015-10-14 13:08:33

标签: javascript

我是否可以将按钮的值传递给按钮执行的功能?

简单的概念,如何将值“5”转移到我的函数中,我可以将其定义为变量?

<button onclick="functionHere()" value="5">Delete</button>

代码看起来更像是:

<button onclick="functionHere()" value="' + aData[5] + '">' + 'Delete</button>

2 个答案:

答案 0 :(得分:1)

在您的示例中,您可以使用此参考按钮元素。

HTML:

<button onclick="functionHere(this)" value="' + aData[5] + '">' + 'Delete</button>

JS:

function functionHere (btn) {
    var buttonValue = btn.value;
}

这引用了函数的上下文。因此,在这种情况下,由于函数是通过将其设置为按钮的onclick来调用的,因此函数上下文是按钮元素。

编辑:我错了,实际上这似乎并没有在使用时如何自动设置。代码已更新。这是一个小提琴: http://jsfiddle.net/9nv4sz6L/

答案 1 :(得分:0)

你可以这样做。

<input type="button" value='Hello World' onclick='ShowValue(this)'/>

<script>
    function ShowValue(btn){  
        alert(btn.value);
    }
</script>