javascript中onclick(this)用法和onclick(this.value)用法介绍

全栈程序员-站长 • 2021年11月3日上午7:00 • 未分类 • 阅读 42

javascript中onclick(this)用法和onclick(this.value)用法介绍

onclick(this.value)代码详解

<html>  
<head>  
<script language="javascript">  
function test(value){  
        if(value=='1') {  
                alert("11111111");  
        }else{  
                alert("00000000");  
        }  
}  
</script>  
</head>  

<body>  
<form name="form1" method="post" action="">  
  <input type="radio" name="ra" value="1" οnclick="test(this.value)"/>  
  个人  
  <input type="radio" name="ra" value="0" οnclick="test(this.value)""/>  
  公司  
</form>  
</body>  
</html>

2.onclick(this)代码详解
一般标签中会使用href和onclick两种方式来进行进行页面跳转或执行动作，但是小编一般都会使用onclick来进行执行Ajax函数进行跳转，并同时使用οnclick=”xxxxxx(this)”来传递动态参数：例子如下

JSP代码如下：

<a href="javascript:void(0);"  οnclick="xxxx(this)" userId=${userId}>${userName}></a>

Js代码如下：

function  xxxx(obj) {  
    var thisObj=$(obj);//js对象转jquery对象  
    var userId=thsiObj.attr("userId");  
    alert(userId);  
}

一般会将href写为“javascript:void(0)” 而不是“#”，因为可以防止不必要的页面跳动；
而this指的就是a标签这个对象

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至举报，一经查实，本站将立刻删除。

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/112694.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

公众号

微信公众号发布提醒(微信公众号模板消息接口)

1.项目简介灵感来源于学校的每日健康日报，要求使用微信小程序进行每日健康打卡。所以此项目的功能类似于QQ群机器人，或者是每日闹钟。功能描述：用户访问给定的页面，进行授权登录，然后确认自己的身份（本科生或研究生），并开启通知，即可每天在约定时间收到微信服务号的消息提醒。当然，用户可以自定义每日通知的时间，也可以随时开启或关闭每日通知。

全栈程序员-站长
2022年4月12日
Ubuntu 14.04 Desktop的Raid1安装总结

Ubuntu 14.04 Desktop的Raid1安装总结安装基于Ubuntu14.04Desktop的Raid1。由于采用UEFI/GPT方式作为系统启动方式，在安装过程中出现了很多异常情况。本文记录安装的过程。

全栈程序员-站长
2022年7月15日
Nginx搭建小型图片服务器

Nginx搭建小型图片服务器

全栈程序员-站长
2021年6月1日
五分钟了解Mysql的行级锁——《深究Mysql锁》「建议收藏」

五分钟了解Mysql的行级锁——《深究Mysql锁》「建议收藏」我们首先需要知道的一个大前提是：mysql的锁是由具体的存储引擎实现的。所以像MyISAM和InnoDB引擎的锁实现机制是有区别的。Mysql有三种级别的锁定：表级锁定、页级锁定、行级锁定表级锁定参考：三分钟了解Mysql的表级锁——《深究Mysql》页级锁定参考：[三分钟了解Mysql的页级锁——《深究Mysql》]一、定义每次锁定的是一行数据的锁机制就是行级别锁定(r…

全栈程序员-站长
2022年4月30日
多个UpdatePanel控件相互引发刷新的使用

多个UpdatePanel控件相互引发刷新的使用ScriptManager和UpdatePanel控件联合使用可以实现页面异步局部更新的效果。其中的UpdatePanel就是设置页面中异步局部更新区域，它必须依赖于ScriptManager存在，因为ScriptManger控件提供了客户端脚本生成与管理UpdatePanel的功能。几个重要的属性： ScriptManager控件的EnablePartialRendering属

全栈程序员-站长
2022年7月23日
c语言运行后电脑很卡,如何让电脑提速,电脑卡是什么原因？

c语言运行后电脑很卡,如何让电脑提速,电脑卡是什么原因？前言昨天的文章被限制了，正在申诉刚好最近有网友问小编这样一个问题：花了六千买的独显笔记本，用了才一年就卡的不行了，请问电脑卡是什么原因？小编对电脑还算颇有研究，看了网友电脑配置并不算低，导致电脑卡的原因主要在于系统优化与一些硬件方面的问题，下面小编就来说说如何让电脑提速。正文电脑卡是什么原因？导致电脑卡的原因有很多，综合来看，无非就是软件与硬件的问题。其中，软件层面主要是系统优化，硬件方面则主要是…

全栈程序员-站长
2022年6月7日

发表回复

关注全栈程序员社区公众号