首页 > 代码库 > 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 取对应值