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);

   });

  });


相关文章
|
7月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
209 1
|
4月前
点击全选获取所有复选框
点击全选获取所有复选框
32 1
|
4月前
点击全选,使所有复选框被选中
点击全选,使所有复选框被选中
52 0
|
JavaScript 前端开发
JS实现分页功能(单选按钮、全选按钮、跳转页面)
JS实现分页功能(单选按钮、全选按钮、跳转页面)
113 0
单选、全选、反选、获得所有选中的checkbox
单选、全选、反选、获得所有选中的checkbox
53EasyUI 树形菜单- 创建带复选框的树形菜单
53EasyUI 树形菜单- 创建带复选框的树形菜单
41 0
|
存储 关系型数据库 MySQL
Easyui datagrid combobox输入框下拉(取消)选值和编辑已选值处理
Easyui datagrid combobox输入框下拉(取消)选值和编辑已选值处理
416 0