js checkbox全选并将获取值放到input里边

软件编程
2026-01-11 10:16:12

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> var tem = ""; function checkAll(e,itemName,thisvalue) { tem= document.getElementById("arrayid").value; var aa=document.getElementsByName(itemName); var bb=document.getElementById('arrayid'); if(e.checked==true){ tem += thisvalue+","; } else{ tem = tem.replace(thisvalue+",",""); } bb.value=tem; for (var i=0; i </head> <body> <form id="form1" name="form1" method="post" action=""> <input type="checkbox" name="1001" id="1001" value="1001" onclick="checkAll(this,'mk1001','1001')" checked="checked" /> <label for="1000">复选1</label> <input name="mk1001" type="checkbox" id="mk1001" value="1" checked="checked" /> <input name="mk1001" type="checkbox" id="mk" value="2" checked="checked" /> <input name="mk1001" type="checkbox" id="mk2" value="3" checked="checked"/> <input name="mk1001" type="checkbox" id="mk3" value="4" checked="checked"/> <input name="mk1001" type="checkbox" id="mk4" value="5" checked="checked"/> <input name="mk1001" type="checkbox" id="mk5" value="6" checked="checked"/> <input name="mk1001" type="checkbox" id="mk6" value="7" checked="checked"/> <br> <input type="checkbox" name="1002" id="1002" value="1002" onclick="checkAll(this,'mk1002','1002')" /> <label for="1002">复选2</label> <input name="mk1002" type="checkbox" id="mk7" value="1" /> <input name="mk1002" type="checkbox" id="mk8" value="2" /> <input name="mk1002" type="checkbox" id="mk9" value="3" /> <input name="mk1002" type="checkbox" id="mk10" value="4" /> <input name="mk1002" type="checkbox" id="mk11" value="5" /> <input name="mk1002" type="checkbox" id="mk12" value="6" /> <input name="mk1002" type="checkbox" id="mk13" value="7" /> <br> <input type="checkbox" name="1003" id="1003" value="1003" onclick="checkAll(this,'mk1003','1003')" /> <label for="1003">复选3</label> <input name="mk1003" type="checkbox" id="mk14" value="1" /> <input name="mk1003" type="checkbox" id="mk15" value="2" /> <input name="mk1003" type="checkbox" id="mk16" value="3" /> <input name="mk1003" type="checkbox" id="mk17" value="4" /> <input name="mk1003" type="checkbox" id="mk18" value="5" /> <input name="mk1003" type="checkbox" id="mk19" value="6" /> <input name="mk1003" type="checkbox" id="mk20" value="7" /> <br> <input type="checkbox" name="1004" id="1004" value="1004" onclick="checkAll(this,'mk1004','1004')" /> <label for="1004">复选4</label> <input name="mk1004" type="checkbox" id="mk21" value="1" /> <input name="mk1004" type="checkbox" id="mk22" value="2" /> <input name="mk1004" type="checkbox" id="mk23" value="3" /> <input name="mk1004" type="checkbox" id="mk24" value="4" /> <input name="mk1004" type="checkbox" id="mk25" value="5" /> <input name="mk1004" type="checkbox" id="mk26" value="6" /> <input name="mk1004" type="checkbox" id="mk27" value="7" /> <br> 请把复选1、复选2、复选3、复选4的值传到下面文本框中，中间以","分隔。<br> <input name="arrayid" type="text" id="arrayid" size="30" value="1001," /> <br> </form> </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

js checkbox全选并将获取值放到input里边

热门内容推荐

C#使用虚拟方法实现多态

JavaScript原生对象之String对象的属性和方法详解

js实现DOM走马灯特效的方法

轻松创建nodejs服务器（1）：一个简单nodejs服务器例子

php实现微信公众平台账号自定义菜单类

快捷栏目导航

相关内容推荐

浅谈angular.js中实现双向绑定的方法$watch $digest $ap

JS更改select内option属性的方法

比较常用UML类图几种关系的小结

C#编程和Visual Studio使用技巧（下）

C#编程和Visual Studio使用技巧（上）

C#图片处理3种高级应用

JavaScript+CSS实现仿Mootools竖排弹性动画菜单效果

C#实现任务栏通知窗口

js checkbox全选并将获取值放到input里边

热门内容推荐

快捷栏目导航

相关内容推荐

找内容,搜一搜