js 输入框增加删除操作

<!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>

  

时间: 2024-08-27 08:27:25

js 输入框增加删除操作的相关文章

js添加确认删除操作注意事项

1 function delsure(){ 2 if(confirm('确认删除吗?')){ 3 return true;//点击确定则返回这里的内容 4 }else{ 5 return false; 6 } 7 } 在表单中添加onsubmit="return delsure(this)", confirm("确认删除吗?")如果点确定返回true,点取消返回false,必须要添加return true和return false,不然不起作用! js添加确认删除操

JS动态增加删除UL节点LI

JS如何动态增加删除UL节点LI及相关内容. <ul id="ul"> <li id=1>11111111111111111<a href="javascript:del(1);">del</a></li> <li id=2 >22222222222222222<a href="javascript:del(2);">del</a></li>

原生JS实现增加删除class

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style type="text/css"> 5 .night-mode{ 6 background:#383838; 7 color:#888888; 8 } 9 </style> 10 11 <script type="text/javascript"><br>//判断样式是否存在 12 functio

JS动态增加删除UL节点LI及相关内容示例

<ul id="ul"> <li id=1>11111111111111111<a href="javascript:del(1);">del</a></li> <li id=2 >22222222222222222<a href="javascript:del(2);">del</a></li> <li id=3>333333

js+jquery动态设置/增加/删除/获取元素属性的两种方法集锦对比(动态onclick属性设置+动态title设置)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html140/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>

ASP.NET MVC3 实例(六) 增加、修改和删除操作(二)

http://www.jquery001.com/asp.net-mvc3-instance-add-update-delete2.html 上篇我们在 ASP.NET MVC3 中实现了添加操作,由于时间关系没有完成修改.删除操作,我们新建了一个名为"Contact"的 Controller,并实现了添加方法,下边就让我们在此基础上来完成 ASP.NET MVC3 中的修改和删除操作. 首先,我们在 Contact 控制器类中添加一个名为 View()的方法,用来从 Contact

js 判断js函数、变量是否存在 JS保存和删除cookie操作,判断cookie是否存在的方法

//是否存在指定函数 function isExitsFunction(funcName) {    try {        if (typeof(eval(funcName)) == "function") {            return true;        }    } catch(e) {}    return false;}//是否存在指定变量 function isExitsVariable(variableName) {    try {        if

LVM (逻辑卷)的增加、扩容、缩小、删除操作

一.逻辑卷的创建 查看磁盘 [[email protected] ~ ]#lsblk NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINT sda 8:0 0 200G 0 disk ├─sda1 8:1 0 1G 0 part /boot └─sda2 8:2 0 199G 0 part ├─centos-root 253:0 0 50G 0 lvm / ├─centos-swap 253:1 0 2G 0 lvm [SWAP] └─centos-home 253:2

AngularJs学习——实现列表内容项的增加删除

效果截图: 说明:引入bootstrap.min.css样式库和angular.min.js的静态资源库,实现列表内容的增加和删除操作. AngularJS代码: <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script> <script> angular.module('myapp',[]) .controller('myctrl',funct