js实现获取值传到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=utf-8" >
< title > Document </ title >
< style >

</ style >
< script >
function checkAll(e, itemName, thisValue){
var target = document.getElementById( ' arrayid ' );
var targetValue = target.value;
var inputs = document.getElementsByName(itemName);
if (e.checked == true ) {
targetValue
+= thisValue + ' , ' ;
}
else {
targetValue
= targetValue.replace(thisValue + ' , ' , '' );
}
target.value
= targetValue;
for ( var i = 0 ; i < inputs.length; i ++ ){
inputs[i].checked
= e.checked;
}
}
</ script >
</ head >
< body >
< form >
< p >
< input type ="checkbox" value ="1001" name ="1001" id ="1001" onclick ="checkAll(this, 'mk1001', '1001')" >
< label for ="1001" > 复选1 </ label >
< input name ="mk1001" type ="checkbox" id ="mk1001" value ="1" />
< input name ="mk1001" type ="checkbox" id ="mk1002" value ="2" />
< input name ="mk1001" type ="checkbox" id ="mk1003" value ="3" />
< input name ="mk1001" type ="checkbox" id ="mk1004" value ="4" />
< input name ="mk1001" type ="checkbox" id ="mk1005" value ="5" />
</ p >
< p >
< input type ="checkbox" value ="1002" name ="1002" id ="1002" onclick ="checkAll(this, 'mk1002', '1002')" >
< label for ="1002" > 复选2 </ label >
< input name ="mk1002" type ="checkbox" id ="mk1001" value ="6" />
< input name ="mk1002" type ="checkbox" id ="mk1002" value ="7" />
< input name ="mk1002" type ="checkbox" id ="mk1003" value ="8" />
< input name ="mk1002" type ="checkbox" id ="mk1004" value ="9" />
< input name ="mk1002" type ="checkbox" id ="mk1005" value ="10" />
</ p >
< p >
< input type ="checkbox" value ="1003" name ="1003" id ="1003" onclick ="checkAll(this, 'mk1003', '1003')" >
< label for ="1003" > 复选3 </ label >
< input name ="mk1003" type ="checkbox" id ="mk1001" value ="11" />
< input name ="mk1003" type ="checkbox" id ="mk1002" value ="12" />
< input name ="mk1003" type ="checkbox" id ="mk1003" value ="13" />
< input name ="mk1003" type ="checkbox" id ="mk1004" value ="14" />
< input name ="mk1003" type ="checkbox" id ="mk1005" value ="15" />
</ p >
< p >
< input type ="checkbox" value ="1004" name ="1004" id ="1004" onclick ="checkAll(this, 'mk1004', '1004')" >
< label for ="1004" > 复选4 </ label >
< input name ="mk1004" type ="checkbox" id ="mk1001" value ="11" />
< input name ="mk1004" type ="checkbox" id ="mk1002" value ="12" />
< input name ="mk1004" type ="checkbox" id ="mk1003" value ="13" />
< input name ="mk1004" type ="checkbox" id ="mk1004" value ="14" />
< input name ="mk1004" type ="checkbox" id ="mk1005" value ="15" />
</ p >
< p >
请把复选1,2,3的值传到以下的框中,中间以,号分隔
</ p >
< p >
< input type ="text" id ="arrayid" />
</ p >
</ form >
</ body >
</ html >
复制代码
用js实现获取值传到input里边。






本文转自豪情博客园博客,原文链接:http://www.cnblogs.com/jikey/archive/2009/12/15/1624669.html,如需转载请自行联系原作者



目录
相关文章
|
5月前
|
JavaScript
js通过input框输入属性和值,改变div的属性
js通过input框输入属性和值,改变div的属性
75 0
|
5月前
|
JavaScript 前端开发
JavaScript实现input框获取系统默认年月日时分秒
JavaScript实现input框获取系统默认年月日时分秒
125 0
|
3月前
|
JavaScript 算法
JS中如何对<input type=“data“>中值进行运算(JS日期类型如何进行加减)
JS中如何对<input type=“data“>中值进行运算(JS日期类型如何进行加减)
23 0
|
4月前
|
JavaScript 前端开发
JavaScript 获取 input 输入框内容的几种方法
JavaScript 获取 input 输入框内容的几种方法
60 0
|
5月前
|
JavaScript 前端开发
js获取input?
js获取input?
|
7月前
|
JavaScript
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
js鼠标离开-清除input输入框内的空格demo效果示例(整理)
|
JavaScript 前端开发
利用JavaScript实现二级联动
利用JavaScript实现二级联动 要实现JavaScript二级联动效果,首先要确定需要哪些技术: 二维数组 for in循环 new Option(text,value,true,true) add(option,null) onchange() 表单事件 HTML代码: &lt;!-- &lt;input type=&quot;text&quot; id=&quot;text&quot;&gt; --&gt; 请选择省份: &lt;select name=&quot;&quot; id=&quot;provinces&quot;&gt; &lt;!-- &lt;option value=&quot;江苏省&quot;&gt;江苏省&lt;/option&gt;
|
JavaScript 前端开发
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
167 0