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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 分子动力学模拟软件_材料领域十大常用绘图软件

    作为材料领域的科研工作者,你是否常为如何表达自己的思想而苦恼?作为学术论文创造者,你是否为论文中图文单一而叹气?在这里,GO小妹推荐给你几款常用绘图软件,让你论文从此成为焦点!1——OriginProOringinPro的主要功能为数据分析和绘图。Origin的数据分析主要包括统计、信号处理、图像处理、峰值分析和曲线拟合等各种完善的数学分析功能。进行数据分析时,只需将原始数据粘贴进Origin表格…

    2022年4月3日
    843
  • 正确安全的下载 devcon

    正确安全的下载 devcon

    2021年6月17日
    96
  • 【管理心得之二十五】组织中的骂名 ———-墙头草

    【管理心得之二十五】组织中的骂名 ———-墙头草

    2021年12月3日
    47
  • C51单片机实验——定时器实验

    C51单片机实验——定时器实验实验名称:单片机定时器实验实验环境:普中实验系统;KeilμVision4软件;实验目的:(1)掌握单片机定时器的原理和控制方法。(2)通过编程利用定时器实现定时功能,并利用该定时功能实现时钟分、秒的功能。硬件连线:P2^1口连接led1P2^3口连接led3P2^5口连接led5P2^7口连接led7实验主要代码:/********************************************************************************

    2022年7月26日
    5
  • goland激活码20213月最新在线激活

    goland激活码20213月最新在线激活,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月14日
    64
  • 利用python建立股票量化交易系统(一)——小市值选股票模型[通俗易懂]

    利用python建立股票量化交易系统(一)——小市值选股票模型[通俗易懂]从今天开始正式开启我的博客之旅,博客内容全部是我自己的量化心得,主要还是为自己将来中工作之中遇到相似问题,可以方便的找到答案,如果能帮到有相似问题的其他同学,我也很开心,如果帮不到的话,不喜勿喷,如果文章中有什么不对的地方,欢迎批评指正。建立第一个简单的量化模型——小市值选股票模型。思路:在A股市场之中,在每个月月底的时候,按照市值排名,选择最小市值的10只股票买入,持有到下个月月底…

    2022年6月26日
    84

发表回复

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

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