如何将链接标签<a></a>点击后变成灰色，不能再点击。谢谢。

要做上一页，下一页的翻页效果，如果是第一页或最后一页，就把相应的“上一页”“下一页”变成灰色，不能点击。<a href="">上一页</a>
<a href="">1</a>
<a href="">2</a>
<a href="">3</a>
<a href="">4</a>
<a href="">下一页</a>请问如何实现。谢谢。最后是给个思路或是简码。谢谢

解决方案 »

  1.   

    这个功能最好在 Server 端实现！
      

  2.   

    可以设置 disabled="true"，不过还是可以跳转，你去掉href属性就行了
      

  3.   


    <a href="javascript:void(0);"  onclick="this.setAttribute('disabled','disabled')">测试链接</a>
      

  4.   

    如果分页在服务器端实现，那么在服务器构建分页的html代码的时候就应该把当前页的链接设置为disabled。
      

  5.   

     <a href="http://www.baidu.com" target="_blank" id=a  >aaaaaasian</a>
       
       <a href="http://www.baidu.com" target="_blank"   onclick="return false" disabled >abbbasian</a>
    如果你要是做分页,还是要在后台控制的
      

  6.   

    用<a>...</a>做可以使用disabled,但还是可以点击打开连接, 所以建议使用按钮来做 disabled 才真正起作用
      

  7.   

    既然这里是js论坛。那么你可以不用<a>直接赋值就行了、
      

  8.   

    每次选择页面以后都要重绘页码，当页码是首页时改为：<span>上一页 </span> 
    <a href="">1 </a> 
    <a href="">2 </a> 
    <a href="">3 </a> 
    <a href="">4 </a> 
    <a href="">下一页 </a>
      

  9.   

    服务器端分页判断下，如果是第一页 链接就不加
    客户端 把他的href设为空
      

  10.   

    值的注意的是，在W3C标准中，disabled并非所有标签的公有属性，
    在IE中即使你设置了A标签的disabled属性，链接却仍然不会失效。
    <a id = 'Disabled' href="http://www.baidu.com" target="_blank" disabled = true>disabled </a>
    <input type = 'button' value = 'DisabledTRUE' id = 'DisabledTRUE' disabled = true />
    <input type = 'button' value = 'disabledFALSE' id = 'disabledFALSE' />
    <script type = 'text/javascript'>
    alert( document.getElementById( 'Disabled' ).disabled );
    alert( document.getElementById( 'DisabledTRUE' ).disabled );
    alert( document.getElementById( 'disabledFALSE' ).disabled );
    </script> 
      

  11.   

    最好在 Server 端实现
    就是分页吧