如何给html元素的onclick事件传递参数即如何获取html标签的data
2017-09-11 14:31
2321 查看
某些非text元素,如a、button等用于触发时间的标签可已将要传的数据放在一个属性中,如data,这个属性必须是不影响样式的,可以使用任意非html定义的名字命名属性,然后将数据传到属性中,
然后通过attr这个方法获取属性内容$(‘#but’).attr(‘data’)
其实完全可以直接写在onclick里作为参数
如果使用id触发方法,还可以直接用this选择
<button data="123" id="but" onclick="fun()">按钮</button>
然后通过attr这个方法获取属性内容$(‘#but’).attr(‘data’)
其实完全可以直接写在onclick里作为参数
<button onclick="fun(123)">按钮</button>
如果使用id触发方法,还可以直接用this选择
<button data="123" id="but" >按钮</button> $('#but').on('click', function(){ var val = $(this).attr('data'); })
相关文章推荐
- 如何给html元素的onclick事件传递参数(即如何获取html标签的data-*属性)
- <a></a>和<button></button>标签onclick事件嵌套传递参数
- 拼接html a标签字符串,onClick传递两个字符串类型参数写法
- JQuery拼接html页面时JSONObject作为onclick参数如何传递?
- 开发日志:onclick调用js方法传递多个使用struts标签获取的参数
- 不同web如何通讯之 html页面获取传递的参数
- HTML中动态图片的onclick事件参数传递
- struts学习<html:link>标签传递参数
- html事件(onclick、onchange等)传对象作为参数
- 在c语言写的cgi程序中如何获取URL传递的参数
- HTML页面如何获取路径上的参数
- html A标签的onclick事件和href的使用
- html中如何实现a标签的点击事件
- 简单解决 multipart/form-data 文件上传表单中 传递参数无法获取的办法! (解决办法:动态更改表单提交URL)
- post multipart/form-data 类型表单如何获取File外其他参数
- HTML 中 onclick 触发函数 xxx(param) 要传递对象参数的解决方法
- 【JavaScript】a标签onclick传递参数不对,A标签调用js函数写法总结
- thinkphp中html:list标签传递多个参数实例
- easy ui onClick 事件 如何加 data-options 属性
- 如何为事件传递参数