freemaker页面复选框全选与反选

简介: freemaker页面复选框全选与反选


             <tr>

                 <td align="right" style="width:120px">

                    <input type="checkbox" class="chk_list"   id="checkall" checked="checked" value="" >

                    <td>全选/取消全选</td>

                 </td>

             </tr>

              <#if partnerFieldList?exists>

                  <#list partnerFieldList as partnerField>

                    <tr>

                   <td align="right" style="width:120px"><input type="checkbox" checked="checked" id="  fieldNames" name="fieldNames" value="${partnerField.name}" /></td>

                   <td style="width:150px">

            ${partnerField.description}

               </td>

               <#if fieldTypeList?exists>

               <td style="width:150px">

                <select id="fieldType" name="fieldType" class="cword chosen">

                  <#list fieldTypeList as fieldType>

                                    <option value="${fieldType.id}">${fieldType.name}</option>

                                    </#list>

            </select>

               </td>

               </#if>

                    </tr>

                   </#list>

              </#if>


js实现:

  $(function(){

   $('#partnerFieldAddForm').Validform({

    btnSubmit:"#saveBtn",

    tiptype:2,

    showAllError:true,

    beforeSubmit: function(){

    var ids = "";

       var selectedCheckboxs =$("input:checked[name='fieldNames']");

       $.each(selectedCheckboxs, function(index, value){

          ids += $(value).val() +',';

        var value =  $(value).val()+'|'+$(value).parent().next().next().children().val();

        $(this).val(value);

       })

    ids = ids.substring(0, ids.length - 1);

             if (ids.length == 0) {

                $.jBox.tip('请先选择一行数据!');

                return false;

             }

    }

   });

 

   $(  "#checkall").click(

     function(){

     if(this.checked){

        $("input[name='  fieldNames']").attr('checked', true)

     }else{

        $("input[name=  'fieldNames']").attr('checked', false)

         }

     }

     );

 

 

   $('.chosen').chosen({

    "no_results_text":'未找到匹配数据!',

    "width":"120px",

    "allow_single_deselect":true

   });

   $('#cancelBtn').click(function(){

    parent.jBox.close(true);

   });

  });


相关文章
|
机器学习/深度学习 传感器 人工智能
AI:国内外人工智能产业应用图谱应用层/基础层详解
AI:国内外人工智能产业应用图谱应用层/基础层详解
AI:国内外人工智能产业应用图谱应用层/基础层详解
java8使用stream查找重复元素
java8使用stream查找重复元素
750 2
|
7月前
|
传感器 人工智能 边缘计算
AI赋能油田巡检——无人机视频监控系统的技术解析
无人机油田巡检系统融合无人机硬件与AI视频监控技术,实现全域覆盖、智能分析和高效管理。通过多旋翼/固定翼无人机搭载高分辨率摄像头及传感器,采集多维数据;结合YOLOv9等算法进行异常检测,准确率高达98%。系统支持5G实时传输、边缘计算及集中化管理平台,提供可视化监控与预测性维护。基于开源框架设计,灵活扩展且成本低,大幅提升油田巡检效率与安全性。
799 0
|
数据采集 监控 安全
动态HTTP代理IP的使用技巧与案例分析
本文介绍了动态HTTP代理IP的使用案例与成功经验,包括网络爬虫、信息安全保护、安全访问站点和市场调研等应用场景,以及选择合适代理服务、合理配置请求频率、监控代理IP状态、使用代理池和结合其他技术等实践经验,帮助用户有效利用动态HTTP代理IP,提升工作效率和数据安全性。
267 4
|
项目管理 C++
【VS Code】安装配置调试C/C++(二)
【VS Code】安装配置调试C/C++(二)
275 1
|
存储 JavaScript 前端开发
JavaScript进阶 - 浏览器存储:localStorage, sessionStorage, cookies
【7月更文挑战第8天】Web开发中的客户端存储技术,如`localStorage`, `sessionStorage`和`cookies`,用于保存用户设置和跟踪活动。`localStorage`持久化存储,`sessionStorage`随页面会话消失。两者提供基本的增删查改操作,但有大小限制和安全风险。`cookies`适合会话管理,可设置过期时间并能跨域。使用时注意存储量、安全性和跨域策略,选择适合场景的存储方式。
562 0
|
程序员 Linux KVM
【qemu虚拟化】将img镜像文件转换为VMware虚拟机
QEMU是一个开源的硬件虚拟化器,能在多种平台如x86、ARM、PowerPC上运行,支持虚拟化不同体系结构的操作系统。它具有硬件仿真、虚拟化支持、磁盘和网络仿真、快照回滚及可扩展性等特点。要使用QEMU,首先从[官网](https://www.qemu.org/download/)下载,然后通过命令行运行进行转换。转换后的vMDK文件可在VMware中导入,创建新的虚拟机进行使用。
5775 3
【qemu虚拟化】将img镜像文件转换为VMware虚拟机
|
Linux 芯片 Ubuntu
Linux驱动入门 —— 利用引脚号操作GPIO进行LED点灯
Linux驱动入门 —— 利用引脚号操作GPIO进行LED点灯
|
人工智能 算法 调度
AIGC带来的挑战
【1月更文挑战第20天】AIGC带来的挑战
474 5
AIGC带来的挑战
|
缓存 Ubuntu
Debian/Ubuntu清理硬盘空间
请注意,在执行清理操作时,务必小心核实要删除的文件,以免意外删除重要数据。 买CN2云服务器,免备案服务器,高防服务器,就选蓝易云。百度搜索:蓝易云
1555 5