通过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‘));
 });
 
 //如果子权限选中的个数,跟子权限的个数一样的话,父权限也要选中
});

时间: 2024-10-07 18:08:28

通过jquery获取后台传过来的值进行全选的相关文章

jquery 根据后台传过来的值动态设置下拉框、单选框选中

jquery  根据后台传过来的值动态设置下拉框.单选框选中 1 $(function(){ 2 var sex=$("#sex").val(); 3 var marriageStatus=$("#marriageStatus").val(); 4 var education=$("#education").val(); 5 if(!isnull(sex)){ 6 //$("input:radio[name='sex'][value=&

jquery获取checkbox被选中的值

只用一个循环,就可以找出被选中的checkbox的值 var s; $("[name = b]:checkbox").each(function () {                   if (this.checked) {                       s += $(this).val() + "|";                   }               });alert(s); 这样就可以了 jquery获取checkbox被

jquery获取一组文本框的值

$("#btn5").click(function()  {    var str="";$("[name='checkbox'][checked]").each(function() '用来获取数组{        str+=$(this).val()+",";    '用来遍历数组    //alert($(this).val());    }) jquery获取一组文本框的值,布布扣,bubuko.com

jquery获取当前选项的属性值a

<!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"><

jquery获取单选button选中的值

在页面上单选button的代码: <s:iterator value="@[email protected]"> <input type="radio" <s:if test="key eq record.is_com">checked</s:if> value="${key}" name="record.is_com"/>${value}    </s

Jquery获取选中的checkbox的值

1 <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>checkbox</title>

jquery获取选中的文本和值

jquery获取选中的文本和值 1.说明 (1)获取select下拉框选中的索引       $("#selection").get(0).selectedIndex; (2)获取select下拉框选中的值      $("#selection option:selected").val(); (3)获取select下拉框选中的文本     $("#selection option:selected").text(); 2.实现源码 <!D

Thymleaf js直接获取后台传过来的对象或者对象的属性

简单说明:第一次接触thymleaf模板,对于thymleaf在js中如何获取后台传递过来的值,真的挺简单的,记住就行了 代码: 后台代码: //传递一个org对象给jspublic String toEdit(ModelMap map, String orgId) { try { Org org = ohOrgManager.findById(orgId); map.addAttribute("currentOrg", org); } catch (Exception e) { e.

jQuery ajax如何传多个值到后台页面,举例:

一.js代码 <script type="text/JavaScript">$("#save_change_<{$aff.Id}>").click(function(){//从模态框中取值,并通过ajax传到后台var account = document.getElementById("change_account_<{$aff.Id}>").value;var password = document.get