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

   });

  });


相关文章
|
6月前
|
JavaScript
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
原生js实现复选框(全选/全不选/反选)效果【含完整代码】
193 1
|
3月前
点击全选获取所有复选框
点击全选获取所有复选框
27 1
单选、全选、反选、获得所有选中的checkbox
单选、全选、反选、获得所有选中的checkbox
自定义复选框CheckBox的样式
自定义复选框CheckBox的样式
118 0
|
存储 JavaScript
js实现多选、全选、反选、取消选择(篇一)
js实现多选、全选、反选、取消选择(篇一)
389 0
js实现多选、全选、反选、取消选择(篇一)
|
JavaScript 双11
JS 多选框全选和取消全选
JS 多选框全选和取消全选
JS 多选框全选和取消全选