js中onclick事件里面传递参数

最新推荐文章于 2023-04-25 20:23:58 发布
最新推荐文章于 2023-04-25 20:23:58 发布
阅读量2.9w 收藏 9
点赞数 3
分类专栏： 框架学习 文章标签： javascript onclick
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013703363/article/details/78200591
版权
在onclick事件中添加参数，很多时候在onclick事件中触发的是界面的跳转，那么一般需要传递参数过去。

href="javascript:void(0)" οnclick="doCheck(this)" type=0 （也可以这样写：href="javascript:void(0)" οnclick="doCheck(this.type)" type=0,这样就只是把一个参数传进去，

后面取值的时候直接var type = obj;就行了）

在这里，参数是type，获得参数：
function doCheck(obj){// 跳转到明细界面
var datestart = $("#datestart").datebox('getValue');
var dateend = $("#dateend").datebox('getValue');
var type = obj.type;
alert(type);
// 打开框架中的新标签页
addTab("xxx", ctx+"/verify/nop?&datestart="+datestart+"&dateend="+dateend+"&type="+type, "", false,false);
}

这个this就是参数对象，通过this.参数名获得参数值



未来窥视者
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js中的点击事件传多个参数
qq_38840502的博客
10-10 1217
两种写法，引号不一样，需要反斜杠 "<a href='javascript:void(0);' οnclick='gotoconfig(\""+GROUP_TYPE+"\",\"" + CONFIG_ID +"\")' type='"+GROUP_TYPE+"' config-id='"+CONFIG_ID+"' class='showConfig'>"+ CONFIG_NAME + ...
js for循环给点击事件传参i
breakCSDN的博客
11-21 893
想法：想将外面的i传到onclick事件中去 一开始的错误做法： <script type="text/javascript"> //得到class为a的标签list数组 var zujian = document.getElementsByClassName("a"); //遍历 for (var i = 0 ; i < zujian.length ; i++) { alert(i); //zujian[i].onclick = function(i){
JS中append字符串包含onclick无效传递参数失败的解决方案
10-20
主要介绍了JS中append字符串包含onclick无效传递参数失败的解决方案,需要的朋友可以参考下
解决Layui中templet中a的onclick参数传递的问题
12-30
以下是我的模板，主要用在列表页table中的按钮，点击弹窗展开详情页的功能。 [removed] <a href='[removed];' bfnclick='showContent({{d.CONTENT}})'>查看内容</a> [removed] 项目跑了许久，突然说点击查看内容没反应，查出原因是，d.CONTENT如果有单引号或者双引号会报js错误。 于是改成下面的形式解决问题。 <script type=
onclick 传递参数
别在熬夜了！
03-17 1万+
function test(value){ if(value=='1') { alert("11111111"); }else{ alert("00000000"); } } 个人 公司
JS 中 onclick 事件四种传参方式
稚枭天卓
11-02 4万+
1、在页面中给方法传参数，有如下的两种方法： 方法1，onclick=cancel(id，patientId); 在js文件中定义cancel方法 如果要把当前对象传过去用onclick="cancel(this,id,patientId)" js中cancel（obj，id，patientId） 方法2，在js中用 代码示例: jquery$(function(){ va
javascript 带参方法在onclick中如何正确传值
@凌晨三点半的博客
04-01 1万+
1. varoperate=function(row,index){ varope="<ahref='#'onclick='update(\""+row+"\")'>修改</a>|<ahref='javascript:void(0)'>删除</a>"; returnope; } 注意点：需要用转...
js onclick 传递字符串类型的参数（js 拼接html 的几种方式，传递数组出现 [object,object]）
a123123sdf的博客
03-16 6436
js onclick传递字符类型的参数，报not defined；
js中的onclick事件传参
OnlyYoushu的专栏
10-17 6389
js中的onclick事件传参   1、在页面中给方法传参数，有如下的两种方法： 方法1，onclick=cancel(id，patientId); 在js文件中定义cancel方法 如果要把当前对象传过去用onclick="cancel(this,id,patientId)" js中cancel（obj，id，patientId） 方法2，在js中用 复制代码代码示例
Js(六)：js中的关于onClick事件的参数传递
weixin_41297324的博客
08-11 3067
很多时候onclick事件是伴随着页面的跳转，也就会有相应的参数传递案。案例如下所示： <a href="#" onclick='showTable(this)'>123</a> #为你要跳转的页面 这个时候你传的参数就是123 functionshowTable(data){ alert(data.innerHTML);//js写法 alert($(data).html());//jquery写法 } 但有时候我们不...
详解a标签添加onclick事件的几种方式
12-09
这种方法在传递this等参数的时候很容易出问题，而且[removed]协议作为a的href属性的时候不仅会导致不 必要的触发[removed]事件，在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行 javascript语句 2....
js onclick传参问题
weixin_44339190的博客
02-16 3655
js onclick传参问题
js中的关于onClick事件的参数传递
热门推荐
打酱油的程序员
10-16 5万+
很多时候onclick事件是伴随着页面的跳转，也就会有相应的参数传递案。案例如下所示： <a href="#" onclick='showTable(this)'>123</a> #为你要跳转的页面 这个时候你传的参数就是123 functionshowTable(data){ alert(data.innerHTML);//js写法 ...
js onclick事件方法传递参数为对象
Danger
04-01 7224
选择适合自己场景得方法 1.传json对象 var object= {id: 123, name: 'name1', age: 10}; var jsonObj = '<a οnclick="dotest(' + JSON.stringify(object).replace(/"/g, '&quot;') + ');">json对象传递</a>'; 2.传j...
onclick传参使用function()
会转圈的易拉罐的博客
04-25 1512
对于有需要传参的按钮，需要按照以下的方式进行.直接上代码。
js onclick传参对象_JS传参技巧总结
weixin_39610759的博客
12-03 920
JS传参技巧总结1.隐式创建 html 标签这种方法一般配合ajax，上面的value使用了模板引擎2.window['data']window['name'] = "the window object";3.使用localStorage，cookie等存储window.localStorage.setItem("name", "xiaoyueyue");window.localStorage.g...
JS中onclick方法调用函数时如何传递对象参数
weixin_44195615的博客
02-18 1309
success : function(data){ console.log(data); str = ''; for(var i=0; i<data.length; i++){ var info = JSON.stringify(data[i]); str += '<li onclick = "informationPoint('+info.replace(/"/g, '
html onclick传递多个参数,js onclick事件传参数的方法分析
weixin_31369469的博客
06-28 7744
本节内容：js中的onclick事件传参1、在页面中给方法传参数，有如下的两种方法：方法1，onclick=cancel(id，patientId);在js文件中定义cancel方法如果要把当前对象传过去用onclick="cancel(this,id,patientId)"js中cancel(obj，id，patientId)方法2，在js中用复制代码 代码示例:jquery$(function...
onclick事件触发传多个参数，传中文参数
weixin_38331749的博客
06-01 2637
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、onclick事件，传多个参数二、onclick事件，参数是中文 前言 提示：开发中常用的场景，但容易忘记拼接格式，在此记录下来，方便以后查看。 一、onclick事件，传多个参数 var applyBtn = '<button οnclick="clickApplyPolicy(' + temp.id + ','+temp.pli_type+')">我要申办</button>' 二、onclic
js修改onclick事件传参数
最新发布
06-06
JavaScript语言中，onclick事件是比较常见的事件。这个事件可以用来控制元素的鼠标点击操作，并且可以定义执行的操作或方法。如果想要给onclick事件传递参数，可以用如下的方法： 1. 使用箭头函数 箭头函数可以用来传递参数，示例如下： ``` <button onclick='()=>{myFunction("hello")}'></button> ``` 2. 使用函数.bind()方法 可以使用.bind()方法将参数传递给函数，示例如下： ``` <button onclick='myFunction.bind(this, "hello")()'></button> ``` 其中，this参数是为了确保this指向正确，让函数绑定到指定的元素上。 3. 使用匿名函数 如果想要在onclick事件中传递参数，还可以使用匿名函数，示例如下： ``` <button onclick='function(){myFunction("hello")}'></button> ``` 以上三种方法都可以用来在onclick事件中传递参数，具体使用哪一种方法，可以根据个人喜好和具体情况来选择。但需要注意的是，在使用这些方法时，需要确保传递的参数和函数的接收参数类型是相同的，否则会出现错误。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值