javascript 多个onclick function 取对应值
Posted しばかいよう
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 多个onclick function 取对应值相关的知识，希望对你有一定的参考价值。
方法1： 直接获取值
<button onclick="aa(1)">执行</button>
<button onclick="aa(2)">执行</button>
<button onclick="aa(3)">执行</button>
<button onclick="aa(4)">执行</button>
<script>
function aa(v){ alert(v); }
</script>
方法2：通过对应value取值 （主要是this的用法）
<button value="1" onclick="aa(this)">执行</button>
<button value="2" onclick="aa(this)">执行</button>
<button value="3" onclick="aa(this)">执行</button>
<button value="4" onclick="aa(this)">执行</button>
<script>
function aa(t){ alert(t.value) }
</script>
方法3：不直接传参 event.target获取
<button value="1" onclick="">执行</button>
<button value="2" onclick="">执行</button>
<button value="3" onclick="">执行</button>
<button value="4" onclick="">执行</button>
<script>
function aa(){ alert(event.target.value) }
</script>
以上是关于javascript 多个onclick function 取对应值的主要内容，如果未能解决你的问题，请参考以下文章
javascript 多个onclick function 取对应值
动态创建 onclick 事件锚元素 - Javascript