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

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)
上一篇 2021年11月3日 上午7:00
下一篇 2021年11月3日 上午8:00


相关推荐

  • Pycharm代码格式化快捷键及其设置方法

    Pycharm代码格式化快捷键及其设置方法Pycharm 代码格式化快捷键及其设置方法格式化快捷键 Ctrl Alt L 可一个通过下面的方法修改首先找到 settings 接下来找到 keymap 按照这个路径找到 Code 下的 ReformatCode 就是这个快捷键 找到后就可以修改了其中后面的 Ctrl L 是我自己加的

    2026年3月18日
    2
  • java heap space 什么意思_java heap space是什么意思?

    java heap space 什么意思_java heap space是什么意思?因为程序要从数据读取近10W行记录处理,当读到9W的时候就出现java.lang.OutOfMemoryError:Javaheapspace这样的错误。javaheapspace的意思为“java堆空间”。在网上一查可能是JAVA的堆栈设置太小的原因。跟据网上的答案大致有这两种解决方法:1、设置环境变量setJAVA_OPTS=-Xms32m-Xmx512m可以根据自己机器的…

    2022年7月7日
    42
  • 单片机和4G模块通信总结(EC20)

    单片机和4G模块通信总结(EC20)第一代数据汇集单元基本开发完毕 运行也有一年了 做下总结吧 希望能够给大家提供帮助 4G 模块选择的是移远的 EC20 通过串口和单片机交互 其实是什么型号并不重要 大体的流程和注意事项基本都一样 一 硬件首先 4G 模块本身功耗很高 尤其是 4G 模块刚上电开机瞬间 会有一个大的电流脉冲 这里我们选择的芯片本身参数符合指标 但是实际使用时候 发现有一些模块损坏问题 现场反馈是后台没有数据 查问题发现是 MCU 不断在重启 在查发现是 4G 模块重启导致 MCU 复位 再分析是 4G 电源貌似处于一种震荡状

    2026年3月20日
    3
  • 人力资源管理系统详细设计说明书[通俗易懂]

    人力资源管理系统详细设计说明书[通俗易懂]人力资源管理系统详细设计说明书组名 : K2组员 : 罗猛、丘佩茵2021年1月12日目录1引言 31.1编写目的 31.2背景说明 31.3定义 31.4参考资料 32系统结构 42.1总系统结构图 42.2管理员登录注册模块结构图 42.3部门管理模块结构图 52.4员工管理模块结构图 52.5培训管理模块结构图 62.6招聘管理模块结构图 62.7奖惩管理模块结构图 72.8薪资管理模块结构图 72.9系统管理模块结构图 81.10查看消息模块结构图 83系

    2022年5月15日
    42
  • NGUI研究之制作转圈的技能CD特效

    NGUI研究之制作转圈的技能CD特效

    2021年12月2日
    46
  • sqlsession、sqlsessionManager以及sqlsessionTemplate的理解

    sqlsession、sqlsessionManager以及sqlsessionTemplate的理解sqlSession是mybatis的核心操作类,其中对数据库的crud都封装在这个中,是一个顶级接口,其中默认实现类是DefaultSqlSession这个类,为什么说DefaultSqlsession不是线程安全的?首先我们都知道mybatis在底层都是使用的JDBC,而JDBC这本来就是线程不安全的(连接对象Connection只有一个),所以我们只要关注session和co…

    2022年5月8日
    43

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

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