前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >javascript中onclick(this)用法和onclick(this.value)用法介绍

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

作者头像
全栈程序员站长
发布2022-07-08 09:35:52
1.7K0
发布2022-07-08 09:35:52
举报
文章被收录于专栏:全栈程序员必看

onclick(this.value)代码详解

代码语言:javascript
复制
<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代码如下:

代码语言:javascript
复制
<a href="javascript:void(0);"  οnclick="xxxx(this)" userId=${userId}>${userName}></a> 

Js代码如下:

代码语言:javascript
复制
function  xxxx(obj) {  
    var thisObj=$(obj);//js对象转jquery对象  
    var userId=thsiObj.attr("userId");  
    alert(userId);  
}  

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

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/112694.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2021年11月,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档