onclick事件中传参
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了onclick事件中传参相关的知识，希望对你有一定的参考价值。
*********************************************************************************
<script type="text/javascript">
function deleteUser(ID)
var s = confirm("是否确认删除？");
if(s)
window.location.href="user.do?fm=deleteUser&&userID="+ID;
function addusers(ID)
window.location.href="user.do?fm=update&usersID="+ID;
</script>
<body>
<c:forEach var="user" items="$users.data">
<tr>
<td>1</td>
<td>$user.usersID</td>
<td>$user.passwords</td>
<td>$user.name</td>
<td>$user.sex</td>
<td>$user.power</td>
<td>
<a onclick="addusers($user.usersID);">修改<a/></td>
<td>
<a onclick="deleteUser($user.usersID);">删除<a/></td>
</tr>
</c:forEach>
</body>
*********************************************************************************
如上所示：
onclick事件不能实现，数据全部读取显示了。
a标签中没有onclick事件。
没有进去“addusers/deleteUser”方法。
在不传参数情况下，可以进入“addusers/deleteUser”方法
需要如何实现onclick事件？
不知道可否用jquery。你先看看吧。注意jquery的引入
<!DOCTYPE html><html>
<head>
<meta http-equiv="content-type" content="text/html;charset=gbk" />
<script src="jquery.min.js"></script>
</head>
<body>
<a data-id="111">我的id是111</a>
<a data-id="222">我的id是222</a>
</body>
<script>
$(\'a\').click(function()
var id=$(this).attr(\'data-id\');
alert(id);
);
</script>
</html> 参考技术A 你中括号值写了前一半，后一半没写上。追问
不是这个原因
React onClick点击事件传参三种写法
参考技术A <Button onClick=this.delFolder.bind(this,"abc")></Button>定义delFolder方法
delFolder = (name,e)=>
alert(name)
用bind绑定，调用是作为第二个参数传递，不用显示传递事件对象，定义方法时，事件对象作为最后一个参数传入
<Button onClick=this.delFolder("abc")></Button>
定义delFolder方法
delFolder = (name)=>
return (e)=>
console.log(e);
console.log(key);
返回一个函数，事件对象在返回的函数中
<Button onClick=（e）=>this.delFolder("abc",e)></Button>
delFolder = (name,e)=>
事件对象作为第二个参数传递
以上是关于onclick事件中传参的主要内容，如果未能解决你的问题，请参考以下文章