zoukankan      html  css  js  c++  java
  • 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标签这个对象

     
  • 相关阅读:
    linux学习笔记-11.正则表达式
    linux学习笔记-10.解压与压缩
    linux学习笔记-9.查找
    linux学习笔记-8.vim
    linux学习笔记-7.文件属性
    linux学习笔记-6.权限
    linux学习笔记-5.用户和组
    @Param注解的用法解析
    linux学习笔记-4.系统命令
    linux学习笔记-3.文件相关命令
  • 原文地址:https://www.cnblogs.com/lxwphp/p/15453744.html
Copyright © 2011-2022 走看看