jsp中限制checkbox选中的个数_勾选后台传的值_排列

jsp中限制checkBox选中的个数：

<script language="javascript">
function chkbox(elm)
{var obj=document.getElementsByName("cbox");
 var num=0;
 for (var i=0;i<obj.length ;i++ )
if (obj[i].checked )
     num+=1;	    
if (num>2)
{alert("最多可以选择两个！");
 elm.checked=false;
}
  }
</script>

<input type="checkbox" name="cbox" value=1 onclick="chkbox(this);">
<input type="checkbox" name="cbox" value=2 onclick="chkbox(this);">
<input type="checkbox" name="cbox" value=3 onclick="chkbox(this);">
<input type="checkbox" name="cbox" value=4 onclick="chkbox(this);">

jsp中checkbox勾选后台传的值：

<script type="text/javascript"> 
$(function(){
 var array = new Array();  
    <c:forEach items="${mylist}" var="item" varStatus="status" >  
        array.push("${item}");  //对象，加引号
        var temp = "${item}";  
        alert("${status.count}");  //获得其下标 
        alert("${item.name}");   //传递过来的是字符串，加引号 
        alert(${item.age});  //传递过来的是int或float类型，不需要加引号
        $(:checkbox[name='a'][value='${item.name}']) .prop("checked",true);
    </c:forEach> 
});  
</script> 

<input type="checkbox" name="a" value="name"/> 

后台传值：

@RequestMapping({"ck.htm"})//前台请求
public ModelAndView ck(ModelMap root){
    ModelAndView mv = new ModelAndView();//转向的jsp地址
    List<Map<String, Object>> ckValue;
    //赋值
    mv.addObject("mylist", ckValue);
    mv.setViewName("ck");//转向的jsp地址
    return mv;
}

多行五列地排列checkbox：

<script>
$(function(){
    var childN=$(".arrange").children().length;
    if(childN%5!==0){
        for(i=0;i<5-childN%5;i++){
            $(".arrange").append("<li><li>");
        }
    }
});
</script>

<ul class="arrange">
<c:forEach items="${mylist}" var="li">
<li class="item">
<input type="checkbox" name="a" value="${li.name}"/>
<span class="title">${li.name}</span>
</li>
</c:forEach>
</ul>