通过jquery获取后台传过来的值进行全选

注:funs是从action中传过来的list<Function> 其中属性中有其子对象list<role> 下面通过s标签遍历 ,也可以通过c标签遍历

jsp页面中:

<s:iterator value="funs" var="fun">
         <tr>
           <td><!-- 父权限的列表 -->
             <input type="checkbox" name="checkFuns" id="parent_${fun.fid}" value="${fun.fid}"/>${fun.fname}
           </td>
           <td><!--对应的子权限的列表  -->
             <s:iterator value="#fun.childFuns" var="childFun">
                   <input type="checkbox" name="checkFuns" id="child_${fun.fid}_${childFun.fid}" value="${childFun.fid}"/>${childFun.fname}           
             </s:iterator>
           </td>
         </tr>
       </s:iterator>

jquery中写法:

$(function(){
 //选中父权限,子权限都要选中
 $("input[id^='parent_']").click(function(){//红色^代表从parent_开始
  var id = $(this).val();
  $("input[id^='child_"+id+"_']").prop('checked',$(this).prop('checked'));
 });
 
 //如果子权限选中的个数,跟子权限的个数一样的话,父权限也要选中
});

生活赋予我们一种巨大的和无限高贵的礼品,这就是青春:充满着力量,充满着期待志愿,充满着求知和斗争的志向,充满着希望信心和青春。
原文地址:https://www.cnblogs.com/ysq0908/p/4672807.html