<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jQuery自定义添加删除表单代码 - 网页模板</title>
<link rel="stylesheet" type="text/css" href="css/wenjuan_ht.css">
<script src="js/jquery-1.8.0.min.js"></script>
<script>
$(document).ready(function(e) {
$(".btwen_text").val("题目");
$(".btwen_text_dx").val("单选题目");
$(".btwen_text_duox").val("多选题目");
$(".btwen_text_tk").val("填空题目");
$(".leftbtwen_text").val("例子:CCTV1,CCTV2,CCTV3");
$(".xxk_title li").click(function(){
var xxkjs = $(this).index();
$(this).addClass("on").siblings().removeClass("on");
$(".xxk_conn").children(".xxk_xzqh_box").eq(xxkjs).show().siblings().hide();
});
//鼠标移上去显示按钮
$(".movie_box").hover(function(){
var html_cz = "<div class='kzqy_czbut'><a href='javascript:void(0)' class='sy'>上移</a><a href='javascript:void(0)' class='xy'>下移</a><a href='javascript:void(0)' class='bianji'>编辑</a><a href='javascript:void(0)' class='del' >删除</a></div>"
$(this).css({"border":"1px solid #0099ff"});
$(this).children(".wjdc_list").after(html_cz);
},function(){
$(this).css({"border":"1px solid #fff"});
$(this).children(".kzqy_czbut").remove();
//$(this).children(".dx_box").hide();
});
//下移
$(".xy").live("click", function() {
//文字的长度
var leng = $(".yd_box").children(".movie_box").length;
var dqgs = $(this).parent(".kzqy_czbut").parent(".movie_box").index();
if(dqgs < leng-1){
var czxx = $(this).parent(".kzqy_czbut").parent(".movie_box");
var xyghtml = czxx.next().html();
var syghtml = czxx.html();
czxx.next().html(syghtml);
czxx.html(xyghtml);
//序号
czxx.children(".wjdc_list").find(".nmb").text(dqgs+1);
czxx.next().children(".wjdc_list").find(".nmb").text(dqgs+2);
}else{
alert("到底了");
}
});
//上移
$(".sy").live("click", function() {
//文字的长度
var leng = $(".yd_box").children(".movie_box").length;
var dqgs = $(this).parent(".kzqy_czbut").parent(".movie_box").index();
if(dqgs > 0){
var czxx = $(this).parent(".kzqy_czbut").parent(".movie_box");
var xyghtml = czxx.prev().html();
var syghtml = czxx.html();
czxx.prev().html(syghtml);
czxx.html(xyghtml);
//序号
czxx.children(".wjdc_list").find(".nmb").text(dqgs+1);
czxx.prev().children(".wjdc_list").find(".nmb").text(dqgs);
}else{
alert("到头了");
}
});
//删除
$(".del").live("click", function() {
var czxx = $(this).parent(".kzqy_czbut").parent(".movie_box");
var zgtitle_gs = czxx.parent(".yd_box").find(".movie_box").length;
var xh_num = 0;
//重新编号
czxx.parent(".yd_box").find(".movie_box").each(function() {
$(".yd_box").children(".movie_box").eq(xh_num).find(".nmb").text(xh_num);
xh_num++;
//alert(xh_num);
});
czxx.remove();
});
//编辑
$(".bianji").live("click", function() {
//编辑的时候禁止其他操作
$(this).siblings().hide();
//$(this).parent(".kzqy_czbut").parent(".movie_box").unbind("hover");
var dxtm = $(".dxuan").html();
var duoxtm = $(".duoxuan").html();
var tktm = $(".tktm").html();
var jztm = $(".jztm").html();
//接受编辑内容的容器
var dx_rq = $(this).parent(".kzqy_czbut").parent(".movie_box").find(".dx_box");
var title = dx_rq.attr("data-t");
//alert(title);
//题目选项的个数
var timlrxm = $(this).parent(".kzqy_czbut").parent(".movie_box").children(".wjdc_list").children("li").length;
//单选题目
if(title==0){
dx_rq.show().html(dxtm);
//模具题目选项的个数
var bjxm_length = dx_rq.find(".title_itram").children(".kzjxx_iteam").length;
var dxtxx_html = dx_rq.find(".title_itram").children(".kzjxx_iteam").html();
//添加选项题目
for (var i_tmxx = bjxm_length; i_tmxx < timlrxm-1 ; i_tmxx++) {
dx_rq.find(".title_itram").append("<div class='kzjxx_iteam'>"+dxtxx_html+"</div>");
}
//赋值文本框
//题目标题
var texte_bt_val = $(this).parent(".kzqy_czbut").parent(".movie_box").find(".wjdc_list").children("li").eq(0).find(".tm_btitlt").children(".btwenzi").text();
dx_rq.find(".btwen_text").val(texte_bt_val);
//遍历题目项目的文字
var bjjs=0;
$(this).parent(".kzqy_czbut").parent(".movie_box").find(".wjdc_list").children("li").each(function() {
//可选框框
var ktksfcz = $(this).find("input").hasClass("wenb_input");
if(ktksfcz){
var jsxz_kk = $(this).index();
dx_rq.find(".title_itram").children(".kzjxx_iteam").eq(jsxz_kk-1).find("label").remove();
}
//题目选项
var texte_val = $(this).find("span").text();
dx_rq.find(".title_itram").children(".kzjxx_iteam").eq(bjjs-1).find(".input_wenbk").val(texte_val);
bjjs++
});
}
//多选题目
if(title==1){
dx_rq.show().html(duoxtm);
//模具题目选项的个数
var bjxm_length = dx_rq.find(".title_itram").children(".kzjxx_iteam").length;
var dxtxx_html = dx_rq.find(".title_itram").children(".kzjxx_iteam").html();
//添加选项题目
for (var i_tmxx = bjxm_length; i_tmxx < timlrxm-1 ; i_tmxx++) {
dx_rq.find(".title_itram").append("<div class='kzjxx_iteam'>"+dxtxx_html+"</div>");
//alert(i_tmxx);
}
//赋值文本框
//题目标题
var texte_bt_val = $(this).parent(".kzqy_czbut").parent(".movie_box").find(".wjdc_list").children("li").eq(0).find(".tm_btitlt").children(".btwenzi").text();
dx_rq.find(".btwen_text").val(texte_bt_val);
//遍历题目项目的文字
var bjjs=0;
$(this).parent(".kzqy_czbut").parent(".movie_box").find(".wjdc_list").children("li").each(function() {
//可选框框
var ktksfcz = $(this).find("input").hasClass("wenb_input");
if(ktksfcz){
var jsxz_kk = $(this).index();
dx_rq.find(".title_itram").children(".kzjxx_iteam").eq(jsxz_kk-1).find("label").remove();
}
//题目选项
var texte_val = $(this).find("span").text();
dx_rq.find(".title_itram").children(".kzjxx_iteam").eq(bjjs-1).find(".input_wenbk").val(texte_val);
bjjs++
});
}
//填空题目
if(title==2){
dx_rq.show().html(tktm);
//赋值文本框
//题目标题
var texte_bt_val = $(this).parent(".kzqy_czbut").parent(".movie_box").find(".wjdc_list").children("li").eq(0).find(".tm_btitlt").children(".btwenzi").text();
dx_rq.find(".btwen_text").val(texte_bt_val);
}
//矩阵题目
if(title==3){
dx_rq.show().html(jztm);
}
});
//增加选项
$(".zjxx").live("click", function() {
var zjxx_html = $(this).prev(".title_itram").children(".kzjxx_iteam").html();
$(this).prev(".title_itram").append("<div class='kzjxx_iteam'>"+zjxx_html+"</div>");
});
//删除一行
$(".del_xm").live("click", function() {
//获取编辑题目的个数
var zuxxs_num = $(this).parent(".kzjxx_iteam").parent(".title_itram").children(".kzjxx_iteam").length;
if(zuxxs_num > 1){
$(this).parent(".kzjxx_iteam").remove();
}else{
alert("手下留情");
}
});
//取消编辑
$(".dx_box .qxbj_but").live("click", function() {
$(this).parent(".bjqxwc_box").parent(".dx_box").empty().hide();
$(".movie_box").css({"border":"1px solid #fff"});
$(".kzqy_czbut").remove();
//
});
//完成编辑(编辑)
$(".swcbj_but").live("click", function() {
var jcxxxx = $(this).parent(".bjqxwc_box").p
jQuery自定义添加删除表单代码.zip
版权申诉
197 浏览量
2022-11-24
12:30:47
上传
评论
收藏 79KB ZIP 举报
芝麻粒儿
- 粉丝: 5w+
- 资源: 2万+
最新资源
- 农村信用社联合社计算机信息系统投产与变更管理办.docx
- 农村信用社联合社计算机信息系统数据管理办法.docx
- 利用SPSS作临床效度分析线上计算网站介绍-医学研究部统计谘.(医学PPT课件).ppt
- 利用Zabbix监控mysqldump定时备份数据库状态.docx
- 利用计算机解决问题的基本过程.doc
- 化工铁路通信工程总结.doc
- 北京大学网络教育软件工程作业.docx
- 医药公司(连锁店)计算机操作规程未新系统的自行按照旧制修改-新系统过制的编号加修模版.doc
- 医药公司(连锁店)计算机系统操作规程模版.doc
- 医药连锁门店计算机系统的操作和管理程序未新系统的自行按照旧制修改-新系统过制的编号加修模版.docx
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈