如何使用href同时发送属性和链接到id?

时间:2015-05-10 08:50:44

标签: javascript jquery html

我想重定向登录。

我有一个

<div class="custombtn1 right25"><a class="modal_trigger" href="#modal"></a></div>

链接到id #modal(打开登录弹出窗口),但我想添加参数,说明点击了3个链接的女巫,所以我可以指示用户链接他实际点击了。

1 个答案:

答案 0 :(得分:0)

此示例只是您可以执行此操作的众多方法之一。然而,如果没有更多信息,就无法知道哪种方法最适合您的应用。

示例:运行代码段进行测试。

<div class="custombtn1 right25"><a class="modal_trigger" href="#modal"></a></div>

<html>
  <body>
    
    
    <ul>
    <li><a href="#modal" onclick="login(this, 1)">Login 1</a>
    <li><a href="#modal" onclick="login(this, 2)">Login 2</a>
    <li><a href="#modal" onclick="login(this, 3)">Login 3</a>
    </ul>
    
    <div id="login"></div>
    
    
    <script type="text/javascript">
      // add popup login here
      function login( obj, n ) {
        document.getElementById('login').innerHTML = (
          '<div style="padding:10px;border:1px steelblue solid;background-color: silver;">'+
          '<div>You clicked: ' + obj.href + ' number ' + n + '</div><br>'+
          'Name:<input type="text"> Password:<input type="password">'+
          '</div>'
       );
        
      }
    </script>
  </body>
</html>