<div class="qb">
<div class="box">
<div class="qtt f_16 fbd">会议室:区政府中一楼会议室</div>
<ul class="ul1">
<li>
<div class="llt">地板、地毯</div>
<div class="lrt">请填入检查情况</div>
</li>
<li>
<div class="llt">贵宾室沙发</div>
<div class="lrt">请填入检查情况</div>
</li>
<li>
<div class="llt">椅套</div>
<div class="lrt">请填入检查情况</div>
</li>
<li>
<div class="llt">窗帘</div>
<div class="lrt">请填入检查情况</div>
</li>
<li>
<div class="llt">空调</div>
<div class="lrt">请填入检查情况</div>
</li>
<li>
<div class="llt">灯光</div>
<div class="lrt">请填入检查情况</div>
</li>
<li>
<div class="llt">桌椅</div>
<div class="lrt">请填入检查情况</div>
</li>
<li>
<div class="llt">音控设备</div>
<div class="lrt">请填入检查情况</div>
</li>
<li>
<div class="llt">茶杯</div>
<div class="lrt">请填入检查情况</div>
</li>
<li>
<div class="llt">台布</div>
<div class="lrt">请填入检查情况</div>
</li>
</ul>
</div>
</div> <div class="sc_btn f_16" onclick="uploadData()">上传</div> <div class="xz_tanchuang">
<div class="xox">
<div class="xtt f_16 fbd">填入检查情况</div>
<ul class="ul1">
<li> <div class="yuan"><s></s></div> <div class="wz">正常</div> </li>
<li> <div class="yuan"><s></s></div> <div class="wz">无此设备</div> </li>
<li> <div class="yuan"><s></s></div> <div class="wz">异常</div> </li>
</ul>
<div class="dy">
<div class="dtt">异常描述:</div>
<textarea placeholder="请输入详细描述" id="desCon"></textarea>
</div> <div class="anniu">
<div class="btn fh">返回</div>
<div class="btn tj">提交</div>
</div>
</div>
</div> <script src="/js/jquery-3.5.1.min.js"></script>
<script type="text/javascript">
//确定点击项下表
var curIndex = 1;
$('.qb .ul1 li').on('click', function () {
var idx = $(this).index();
curIndex = curIndex + idx;
}) // 数据输入
$('.qb .ul1 li .lrt').on('click',function(){
$('.xz_tanchuang').fadeIn();
$('.xz_tanchuang .xox .dy').stop(true, false).hide();
}) // 选项
$('.xz_tanchuang .xox .ul1 li').on('click',function(){
var idx=$(this).index();
$(this).stop(true,false).addClass('act').siblings().stop(true,false).removeClass('act');
if(idx==2){
$('.xz_tanchuang .xox .dy').stop(true,false).show();
} else {
if (idx == 0) {
$("#desCon").val('正常');
} else if (idx == 1) {
$("#desCon").val('无此设备');
}
$('.xz_tanchuang .xox .dy').stop(true,false).hide();
}
}) // 返回按钮
$('.xz_tanchuang .xox .anniu .fh').on('click', function () {
$("#desCon").val('');
curIndex = 1;
$('.xz_tanchuang').fadeOut();
$(".xz_tanchuang .xox .ul1 li").removeClass('act');
}) //提交按钮
$('.xz_tanchuang .xox .anniu .tj').on('click', function () {
$(".qb .ul1 li:nth-child(" + curIndex + ") .lrt").text($("#desCon").val());
$(".qb .ul1 li:nth-child(" + curIndex + ") .lrt").addClass('act');
$("#desCon").val('');
curIndex = 1;
$('.xz_tanchuang').fadeOut();
$(".xz_tanchuang .xox .ul1 li").removeClass('act');
}) //数据提交
function uploadData() {
var compleData = "[";
var alertMsg = "";
$(".qb .ul1 li").each(function () {
if ($(this).children(1).text().length == 0 || $(this).children(1).text().indexOf('请填入检查情况') != -1) {
alertMsg = (alertMsg + $(this).children('div').eq(0).text() + "、");
} else {
compleData += '{"name":"' + ($(this).children('div').eq(0).text()) + '","value":"' + $(this).children('div').eq(1).text() + '"},';
}
});
if (alertMsg.length != 0) {
compleData = "";
alert(alertMsg.substring(0, alertMsg.length-1) + "不能为空");
return;
} else {
compleData = compleData.substring(0, compleData.length - 1);
compleData += "]";
console.log(compleData);
}
}
</script>

  

Jquery 点击弹窗,将弹窗内容赋值到各个项demo的更多相关文章

  1. jQuery实现页内查找相关内容

    当需要在页面中查找某个关键字时,一是可以通过浏览器的查找功能实现,二是可以通过前端脚本准确查找定位,本文介绍通过jQuery实现的页面内容查找定位的功能,并可扩展显示查找后的相关信息. 本文以查找车站 ...

  2. 引用POPUI来实现弹窗效果,且弹窗中的内容可以点击事件

    seajs.use(['../js/ui/dialog'],function(){ $('.center-button').bind('click',function(){ var $dlg = $. ...

  3. jqeury点击空白关闭弹窗

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  4. jquery点击复选框触发事件给input赋值

    体验效果:http://keleyi.com/keleyi/phtml/jqtexiao/31.htm 代码如下: <!DOCTYPE html> <html xmlns=" ...

  5. Day14 Javascript 点击添加出弹窗,取消隐藏弹窗小练习 反选,全选,取消边框

    点击添加出弹窗,取消隐藏弹窗小练习 代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta ...

  6. 使用js冒泡实现点击空白处关闭弹窗

    什么是事件冒泡? 如图:在一个对象上触发某类事件(比如单击onclick事件),这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶 ...

  7. jQuery 表单元素取值与赋值方法总结

    一.普通文本框的赋值与取值 1.1.1赋值 <h2>jQuery 表单元素取值与赋值方法总结</h2> <input type="text" clas ...

  8. jQuery 点击显示再次点击隐藏

    <html> <head> <script type="text/javascript" src="/jquery/jquery.js&qu ...

  9. Jquery操作表格多出一个内容行

    目录 前言 需求 如何监听每一行点击,获取点击id 前后端 问题更新,ajax异步带来的问题 废弃使用HTML拼接 前言 我的前端实在是太差劲了,导致Jquery操作表格多出一个内容行,这个功能我都做 ...

  10. PHP+Ajax点击加载更多内容 -这个效果好,速度快,只能点击更多加载,不能滚动自动加载

    这个效果好,速度快,只能点击更多加载,不能滚动自动加载 一.HTML部分 <div id="more"> <div class="single_item ...

随机推荐

  1. vulnhub靶场渗透实战13-driftingblues3

    ​靶机下载地址:https://download.vulnhub.com/driftingblues/driftingblues3.ova vbox导入,网络模式桥接,靶机模式为简单. 一:信息收集 ...

  2. angr原理与实践(三)——Arbiter:一种弥合二进制程序漏洞发现中的静态和动态鸿沟

    ​ 转载请说明出处:信安科研人 please subscribe my official wechat :信安科研人 获取更多安全资讯 原文链接:sec22-vadayath.pdf (usenix. ...

  3. JavaScript:函数:函数的返回值

    调用函数后,总是有返回值的: 使用return关键字进行返回,返回的结果,我们需要用变量来存储; 如果没有使用return语句,或者只有return这一个裸关键字,那么返回的结果是undefined: ...

  4. HBase详解(03) - HBase架构和数据读写流程

    RegionServer 架构 每个RegionServer可以服务于多个Region 每个RegionServer中有多个Store, 1个WAL和1个BlockCache 每个Store对应一个列 ...

  5. 内网渗透-at&schtasks&impacket的使用

    内网机器结构 机器账号密码如下: 2008 r2 webserver 域内 web 服务器 本地管理员账号密码 : .\administraotr:admin!@#45 当前机器域用户密码 : god ...

  6. DVWA靶场——靶场搭建

    DVWA靶场搭建 一.phpstudy环境准备: 第一步:下载PHPstudy: 找到PHPstudy官网,下载windows版小皮面板,然后安装.官网下载地址:https://www.xp.cn/ ...

  7. 避免用Apache Beanutils进行属性的copy。why?让我们一起一探究竟

    在实际的项目开发中,对象间赋值普遍存在,随着双十一.秒杀等电商过程愈加复杂,数据量也在不断攀升,效率问题,浮出水面. 问:如果是你来写对象间赋值的代码,你会怎么做? 答:想都不用想,直接代码走起来,g ...

  8. 克拉玛依初赛-wp

    MISC 签到 16进制转字符串 base64 再来一次base64 flag 论禅论道 7z解压得到jar 使用decom打开 解密 得到flag WEB pingme 抓包,修改POST提交的参数 ...

  9. BUG日记---运行Tomcat报406错误:根据请求中接收到的主动协商头字段,目标资源没有用户代理可以接受的当前表示,而且服务器不愿意提供缺省表示。

    网页报错内容 HTTP Status 406 – 不可接收 Type Status Report 描述 根据请求中接收到的主动协商头字段,目标资源没有用户代理可以接受的当前表示,而且服务器不愿意提供缺 ...

  10. Vue21 组件

    1 模块及组件简介 组件(component)是vue.js最强大的功能之一.组件的作用就是封装可重用的代码,通常一个组件就是一个功能体,便于在多个地方都能够调用这个功能体. 每个组件都是Vue的实例 ...