table切换/可以在ajax中执行的

原创 2016年08月31日 10:55:07
<style type="text/css">
    .ui_content{margin:10px!important; text-align: left!important;}
    *{margin:0px;  padding:0px;  }
    #tab{  margin:10px;  }
    #tab ul{  list-style:none;  height:36px;  border-bottom:2px solid #ff4a00;display:block;  }
    #tab ul li{  float:left;  display:inline-block;  padding:0px 15px;  height:34px;  line-height:34px;  margin-right:5px;   cursor:pointer;  }
    #tab div{  width:450px;  padding:5px;}
    #tab ul li.on{  border-bottom: 2px solid #ff4a00;    background-color: #ff4a00;  color: #ffffff;  }
    #tab dl dt span{padding-left: 10px;}
    .hide{  display:none;  }
  </style>
<div id="tab">
    <ul>
        <li class="on" onclick="change()">广告栏位</li>
        <li onclick="change()">发布次数</li>
    </ul>
    <div>
       <dl>
           <dt><input type="radio"><span>1个/1个月</span></dt>
           <dt><input type="radio"><span>1个/2个月</span></dt>
           <dt><input type="radio"><span>1个/3个月</span></dt>
       </dl>
    </div>
    <div class="hide">
        <dl>
            <dt><input type="radio"><span>1次</span></dt>
            <dt><input type="radio"><span>2次</span></dt>
            <dt><input type="radio"><span>3次</span></dt>
        </dl>
    </div>
</div>


<script type="text/javascript">
function change(){
     var mytab =document.getElementById("tab");
     var myul=mytab.getElementsByTagName("ul")[0];
     var myli=myul.getElementsByTagName("li");
     var mydiv=mytab.getElementsByTagName("div");
   
     for(i=0,len=myli.length;i<len;i++){
       myli[i].index=i;
       myli[i].onclick=function(){
         for(var n=0;n<len;n++){
           myli[n].className="";
           mydiv[n].className="hide";
         }
         this.className="on";         
         mydiv[this.index].className="";
          
       }
     }
    }
    
  </script>
版权声明:本文为博主原创文章,未经博主允许不得转载。

ajax动态生成table

原文出处:http://franciswmf.iteye.com/blog/1895123 $(function(){       ajaxT();   });   functio...
  • chelen_jak
  • chelen_jak
  • 2016年07月16日 16:34
  • 2589

jquery的ajax后台后去数据的table切换

jquery的ajax后台后去数据的table切换
  • qq_39716220
  • qq_39716220
  • 2017年09月08日 19:11
  • 120

table切换/可以在ajax中执行的

type="text/css"> .ui_content{margin:10px!important; text-align: left!important;} *{margin:0p...
  • wangyanxin928
  • wangyanxin928
  • 2016年08月31日 10:55
  • 99

table 点击编辑 修改当前行

table 点击编辑 修改当前行先看效果图html+js ...
  • qq_28883885
  • qq_28883885
  • 2017年04月25日 21:37
  • 852

JQuery Ajax动态加载Table数据

JQuery Ajax动态加载Table数据
  • quwenzhe
  • quwenzhe
  • 2016年12月12日 17:46
  • 3390

使用Ajax之后要alert才能执行的解决方案

因为ajax默认是异步执行的,也就是并没有等待请求完毕就开始执行下一行js语句了,导致赋值为null。 解决方案: 加上如下代码: $.ajax({ async:false, /...
  • zw0283
  • zw0283
  • 2015年05月07日 14:45
  • 1644

dwz框架的table,页面初始化用ajax获取并设置表格内容后,表格没有点击事件等。

现象:调试时百思不得其解,在dwz.stable.js中,加一句alert,就有效果了,去掉之后又没了。 后来在dwz.stable.js中alert了一下tbody的内容,发现页面表格内容还是...
  • wxljmy
  • wxljmy
  • 2013年10月21日 09:59
  • 1873

Ajax实现动态显示并操作表信息

在jsp连接数据库访问并显示数据库信息时,使用Ajax利用json对象会在页面不刷新的情况下获取到数据。但若是要显示数据库表中的信息,就需要动态的生成表的行以及单元格。并且对每一行的操作也是需要动态绑...
  • wj1607162253
  • wj1607162253
  • 2016年07月25日 22:25
  • 2632

jquery 操作table tr的例子,以及一个ajax实例。

(原创内容,请勿转载) 由于本人最近在做一个小项目,需要用到 jquery 操作dom ,以及ajax,在此写一写总结。 1.由于 js添加事件也是一个一个对象地添加的 比如obj.onclick...
  • u012997311
  • u012997311
  • 2016年07月23日 13:16
  • 2744

ajax 显示json数据在table中

$(function() { $('#test').click(function() { $.ajax({ url: 'fenshu.json', // data:"[...
  • wanli94
  • wanli94
  • 2017年04月14日 17:59
  • 2304
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:table切换/可以在ajax中执行的
举报原因:
原因补充:

(最多只允许输入30个字)