复选框全选以及获取所有选中的值

最新推荐文章于 2024-07-14 22:41:24 发布

沐风Cc

最新推荐文章于 2024-07-14 22:41:24 发布

阅读量1.9k

点赞数

文章标签：复选框全选获取复选框value值

本文链接：https://blog.csdn.net/mufeng633/article/details/84062952

版权

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

复选框全选以及获取所有选中的值
总结一下

jsp中获取数据

<%
	Map<String,List> map = (Map<String,List>)Function.getAttribute(request, "mapList");
	List<String[]> lsUser = map.get("lsUser"); 
 %>
循环 集合  追加 复选框
<input type="radio" name="lang" value="all" onclick="f_all(this)"><span>全选</span>
<table>
<%
	for(int i=0; i<lsUser.size(); i++){
		String[] userInfo = lsUser.get(i);
			if(i%7 == 0){
				 %><tr><%
			}
		%>
		   <td>
		   	<input type="checkbox" name="chk" id="chk" value="<%=userInfo[0] %>"><span><%=userInfo[1] %></span>
		   </td>
		<%
	}
 %>
 </table>

js：全选

	//选择所有
   function	f_all(obj){
	   var checkboxs = document.getElementsByName("chk");
	     for ( var i = 0; i < checkboxs.length; i+=1) {
	       checkboxs[i].checked = obj.checked;
	     }
   }

获取值

 function del(){
		var userid = '';
		var obj = document.getElementsByName("chk");
		var tag = 0;
		for(var i=0; i<obj.length; i++){
			var objchk = obj[i];
			if((!objchk.disabled) && (objchk.checked)){
				if(tag == 0){
					userid = objchk.value;
					tag = 1;
				}else{
					userid += ','+objchk.value;
				}
			}
		}
		alert(userid); // 21450，14562，25468，35256