tab切换以及 jquery追加与移除

来源：互联网发布：老虎黄金外汇软件编辑：程序博客网时间：2024/06/05 04:16
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>后台文章管理</title><script src='../js/jquery-1.4.4.min.js'></script><script src='../js/ajaxfileupload.js'></script></head><body><h1 align="center">资讯设置</h1><div align="center" id="tab"><span><button>基本设置</button></span><span><button>数据添加</button></span></div><div id="contents"> <div align="center" class="cont"><form action="article.php" method="post"><table><tr><td>模板标题</td><td><input type="text" value="资讯排行" name='title'></td><td><input type="radio" name='is_display' value="on">不显示模板标题</td><td><input type="radio" name='is_display' value="yes">显示模板标题</td></tr><tr><td>显示数量</td><td><input type="text" value="10" name='line'>条</td></tr><tr><td>标题字数</td><td><input type="text" value="6" name='word_number'>字</td></tr><tr><td><input type="submit" name="data" value="保存"></td></tr></table></form></div></div><div id="contents"> <div align="center" class="cont" style="display:none"><form action="article.php" method="post" enctype="multipart/form-data"><table><tr><td>标题</td><td>内容</td><td>图片</td><td><input type="button" value="新增" id="add"></td></tr><tr id="content" class="he"><td><input type="text" name="title[]"></td><td><input type="text" name="content[]"></td><td><input type="file" name="thumb"></td><td><a href="javascript:void(0)" class="del">x</a></td></tr><tr><td><input type="submit" name="set" value="提交"></td></tr></table></form></div></div></body></html><script>//tab切换$("#tab span").click(function(){var idx=$(this).index();$(".cont").hide();$("#contents div").eq(idx).show();})//追加$("#add").live("click",function(){var tr='';tr += '<tr id="content" class="he">'tr += '<td><input type="text" name="title[]"></td>'tr += '<td><input type="text" name="content[]"></td>'tr += '<td><input type="file" name="img[]"></td>'tr += '<td><a href="javascript:void(0)" class="del">x</a></td>'tr += '</tr>'$("#content").after(tr);var str=$(".he").size();if(str>9){alert("只可以添加10条");return false;}})//移除$('.del').live('click',function(){var str=$(".del").size();if(str<2){alert("不能删了");return false;}$(this).parent().parent().remove();})</script>
0 0
tab切换 以及 jquery追加与移除

tab切换以及 jquery追加与移除
