javascript 多个onclick function 取对应值

时间:2024-06-24 16:36:20

方法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>