首页 > 代码库 > javascript 多个onclick function 取对应值
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="http://www.mamicode.com/1" onclick="aa(this)">执行</button>
<button value="http://www.mamicode.com/2" onclick="aa(this)">执行</button>
<button value="http://www.mamicode.com/3" onclick="aa(this)">执行</button>
<button value="http://www.mamicode.com/4" onclick="aa(this)">执行</button>
<script>
function aa(t){ alert(t.value) }
</script>
方法3:不直接传参 event.target获取
<button value="http://www.mamicode.com/1" onclick="">执行</button>
<button value="http://www.mamicode.com/2" onclick="">执行</button>
<button value="http://www.mamicode.com/3" onclick="">执行</button>
<button value="http://www.mamicode.com/4" onclick="">执行</button>
<script>
function aa(){ alert(event.target.value) }
</script>
javascript 多个onclick function 取对应值