用JavaScript和Jquery怎么样实现两个标签相互切换 。
当LABEL1显示时,点击鼠标左键后切换为LABEL2.
当LABEL2显示时,点击鼠标左键切换为LABEL1。求代码

解决方案 »

  1.   

    2个label装到1个div中去,点击的时候一个的style.display属性设置为none, 一个设置为inline或者block
      

  2.   


    <html xmlns="http://www.w3.org/1999/xhtml ">
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <title></title>
    <script type="text/javascript">
       jQuery(function($) {
            $("span").click( function () {
                $("span").each(function(i){
                    $(this).toggle(); 
                }); 
            }); 
        }); 
    </script>
    </head>
    <body>
    <span>lable1 </span>
    <span style="display:none;">lable2 </span>
    </body>
    </html> 这样啊 ?
      

  3.   

    恩 是这样的效果 。
    如果还要每个标签都有一定的功能,
    并且能向数据库传递数据。
    那AJAX的异步调用函数写在哪里?
      

  4.   


     $("span").click( function () {
                //写你的ajax代码 。
                $("span").each(function(i){
                    $(this).toggle(); 
                }); 
            }); 
      

  5.   

    写在最外层的容器标签中,判断2个label的id,然后创建响应的ajax对象就可以了。  不过LZ太依赖于jq了。 jq确实强大,虽然我还不了解, 不过不要太过分依赖jq了。
      

  6.   

    恩 每个标签的功能分别写在LABE1和LABE2的SPAN里面?
    两个标签的功能返回的数据是不一样的
    是分别对每个标签函数进行定义之后再写AJAX
    还是写在$("span").click( function ()这里然后再在下面进行定义?
      

  7.   


     $("span").click( function () {
                //写你的ajax代码 。$(this)就是点击了的span标签 。你可以根据它获得不同的信息 。
                $("span").each(function(i){
                    $(this).toggle(); 
                }); 
            });