您的位置：首页 > Web前端 > JavaScript

js 输入框增加删除操作

2015-04-19 18:50 399 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">

window.onload = function (){

var aInput = document.getElementsByTagName("input");

for(var i = 0; i < aInput.length; i++){
aInput[i].onclick = function(){
if(this.checked){
if(aInput[0].value == ''){
aInput[0].value += this.value;
}else{
aInput[0].value += ',' + this.value;
}
}
else{
var arr = aInput[0].value.split(",");
for(var i = 0; i < arr.length; i++){
if(arr[i] == this.value){
arr.splice(i,1);
}
}

aInput[0].value = arr;
}
}
}
}
</script>
</head>
<body>
<input type="text"><br>
<input type="checkbox" value="html">html<br>
<input type="checkbox" value="js">js<br>
<input type="checkbox" value="css">css<br>
<input type="checkbox" value="jquery">jquery<br>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航