资料
表格
制度
合同
管理
职场
经营
创业
范文
总结
计划
作文
文章
美文
词句
教程
模板
图片
字体
图标
办公
人事
财务
生产
管理资源吧首页
>>>
教程
>>>
编程
>>>
JavaScript教程
>>>
js checkbox全选并将获取值放到input里边
<!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> <img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3DJavascript%3E%20%0D%0Avar%20tem%20%3D%20%22%22%3B%20%0D%0Afunction%20checkAll(e%2CitemName%2Cthisvalue)%20%0D%0A%7B%20%0D%0Atem%3D%20document.getElementById(%22arrayid%22).value%3B%20%0D%0Avar%20aa%3Ddocument.getElementsByName(itemName)%3B%20%0D%0Avar%20bb%3Ddocument.getElementById('arrayid')%3B%20%0D%0Aif(e.checked%3D%3Dtrue)%7B%20%0D%0Atem%20%2B%3D%20thisvalue%2B%22%2C%22%3B%20%0D%0A%7D%20%0D%0Aelse%7B%20%0D%0Atem%20%3D%20tem.replace(thisvalue%2B%22%2C%22%2C%22%22)%3B%20%0D%0A%7D%20%0D%0Abb.value%3Dtem%3B%20%0D%0A%0D%0Afor%20(var%20i%3D0%3B%20i%3Caa.length%3B%20i%2B%2B)%20%0D%0Aaa%5Bi%5D.checked%20%3D%20e.checked%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> </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需刷新才能执行
]
教程首页
更多教程