用srcElement实现添加效果 原创

无标题文档

function addthis(){
var srcE=event.srcElement?event.srcElement:event.target;
var thev=srcE.value;
//alert(thev);
var s=document.forms[0].likes.value.indexOf(thev)
if(s==-1){
document.forms[0].likes.value+=thev+",";
}}

电脑/网络
电子游戏
体育运动 饮酒 品茗
弹琴 看电影/电视 下棋/打牌 观光旅游 逛街购物
阅读 写作 烹调 舞会/卡拉OK 健身/武术
水上活动 文艺表演 聊天 家事/手工艺  书法/绘画
储蓄/投资 养宠物 听音乐 各种收集活动  摄影/艺术创作

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

2006-08-21可以自己检测,不要每个checkbox加事件,删除功能没有实现

无标题文档

function addthis(){
var srcE=event.srcElement?event.srcElement:event.target;
if((srcE.tagName=="INPUT")&&(srcE.type.toLowerCase()=="checkbox")){
var thev=srcE.value;
var theid=srcE.id;
//alert(theid);
if(theid.indexOf('xinge')!=-1){
thetag="xinge";
}else{
thetag="likes";
}
//alert(thetag);
switch(thetag){
case "likes":
var s=document.forms[0].likes.value.indexOf(thev);
if(s==-1){
document.forms[0].likes.value+=thev+",";
}
break;
case "xinge":
var s=document.forms[0].xinge.value.indexOf(thev);
if(s==-1){
document.forms[0].xinge.value+=thev+",";
}
break;
}
}}
document.onmousedown=addthis;

兴趣爱好
电脑/网络
电子游戏
体育运动 饮酒 品茗
弹琴 看电影/电视 下棋/打牌 观光旅游 逛街购物
阅读 写作 烹调 舞会/卡拉OK 健身/武术
性格:
活泼 尖刻 自闭 等等  外向

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

blueidea斑竹回复,推荐

无标题文档

var likes=new Array(); xinge=new Array();

function addthis(e){
var e, srcE, op, opt, i;
e=window.event?window.event:e;
srcE=e.srcElement?e.srcElement:e.target;
if(!srcE)return;
if(String(srcE.tagName).toLowerCase()!="input"||String(srcE.type).toLowerCase()!="checkbox")return;
if(srcE.id.indexOf("xinge")!=-1){ op=xinge; opt=document.forms[0].xinge }else{ op=likes; opt=document.forms[0].likes; }
if(srcE.checked){
i=-1;
while(op[++i])if(op[i]==srcE.value)return;
op[i]=srcE.value;
}else{
i=-1;
while(op[++i])if(op[i]==srcE.value){op.splice(i,1);i--;}
}
opt.value=op;
}
document.onkeydown=document.onchange=document.onclick=addthis;

兴趣爱好
电脑/网络
电子游戏
体育运动 饮酒 品茗
弹琴 看电影/电视 下棋/打牌 观光旅游 逛街购物
阅读 写作 烹调 舞会/卡拉OK 健身/武术
性格:
活泼 尖刻 自闭 等等  外向

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

splice 方法
从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

参数
arrayObj 必选项。一个 Array 对象。

start

必选项。指定从数组中移除元素的开始位置,这个位置是从 0 开始计算的。

deleteCount

必选项。要移除的元素的个数。

item1, item2,. . .,itemN

必选项。要在所移除元素的位置上插入的新元素。

说明
splice 方法可以移除从 start 位置开始的指定个数的元素并插入新元素,从而修改 arrayObj。返回值是一个由所移除的元素组成的新 Array 对象。

(0)

相关推荐

  • 用srcElement实现添加效果 原创

    无标题文档 function addthis(){ var srcE=event.srcElement?event.srcElement:event.target; var thev=srcE.value; //alert(thev); var s=document.forms[0].likes.value.indexOf(thev) if(s==-1){ document.forms[0].likes.value+=thev+","; }} 电脑/网络 电子游戏 体育运动 饮酒 品茗

  • Unity3D Ui利用shader添加效果

    本文实例为大家分享了Unity3D Ui利用shader添加效果的具体代码,供大家参考,具体内容如下 // Upgrade NOTE: replaced 'mul(UNITY_MATRIX_MVP,*)' with 'UnityObjectToClipPos(*)' Shader "UI/Unlit/Flowlight" { Properties { [PerRendererData] _MainTex("Sprite Texture", 2D) = "w

  • 比较方便的onMouseWheel缩放图片效果 原创

    复制代码 代码如下: <HTML>   <HEAD>   <meta http-equiv="Content-Type" content="text/html; charset=gb2312">   <TITLE>onMouseWheel缩放图片效果-www.jb51.Net</TITLE> <body> <script> function bbimg(o) {   var zoom

  • 给blog添加效果(计数器、天气预报、精美flash时钟、跟随鼠标的萤火虫、跟随鼠标的文字、状态栏文本、副标

    示例:http://blog.csdn.net/kvw3000本文收集整理而来,感谢各段代码提供者! 整理:回家念经(王结太) 1. 公告和计数器2. 天气预报 3. 跟随鼠标的萤火虫4. 状态栏文本5. 跟随鼠标的文字6. 每次打开的时候自动在顶部副标题位置显示一条不同格言7. flash精美时钟(新增) 在"选项"->"配置"的"静态新闻/声明"中加入下面相应的语句就可以实现相应的功能: 1. 公告和计数器代码: 代码填写在静态新闻/声

  • Ajax添加数据与删除篇实现代码

    如果你真的把前几篇掌握了.实现ajax删除功能会易如反常.我所要教你的是.灵活利用JavaScript和Dom来实现一个酷酷的删除效果.其实你学习到这里.已经能够明白,在ajax技术中那些被请求的 服务端网页,在非ajax应用中并无太大区别.无非也是接受前端发过来的请求.在后台执行一些操作而已!学习完这篇教程以后.你会明白想要实现够炫够酷的的ajax效果.你必须要熟练掌握JavaScript Dom 这些技术精通. 刚刚我喝多了,上面的这段话是我在两天前就写好的.我本来想直接睡觉的.但我想试试.

  • JQuery标签页效果的两个实例讲解(4)

    按照惯例,我们还是先来看一下最终要达到效果图: 和上一个菜单效果类似,当鼠标移动到标签上的时候,下面会显示相应的内容.当然,同样存在滑动门的问题.  前台页面的代码: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="tab.aspx.cs" Inherits="tab" %> <!DOCTYPE html PUBLIC "-//W3C/

  • JQuery拖动表头边框线调整表格列宽效果代码

    类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整.最近比较空闲,便自己动手尝试实现,在此分享下小小的成果. 首先需要如图所示的鼠标图标文件,在自己的硬盘中搜索*.cur,肯定能找到. 为了能在所有需要该效果的页面使用,并且不需要更改页面任何HTML,我把所有的代码整合在 $(document).ready(function() {}); 中,并写入一个独立的JS文件.

  • 基于JQuery的购物车添加删除以及结算功能示例

    前段时间了解到购物车结算算是一个难点部分,在网上也找了一些,但是网上除了插件之外,就是一些半成品,比如一部分只有添加删除效果,另一部分只有结算功能,很少见到整合在一起的购物车效果,因此自己写了一个,方便大家查看 (添加效果没有飞入,实在懒得写动画效果了,凑合看吧) HTML部分 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-

  • JQuery表格拖动调整列宽效果(自己动手写的)

    类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整.最近比较空闲,便自己动手尝试实现,在此分享下小小的成果. 首先需要如图所示的鼠标图标文件,在自己的硬盘中搜索*.cur,肯定能找到. 为了能在所有需要该效果的页面使用,并且不需要更改页面任何HTML,我把所有的代码整合在 $(document).ready(function() {}); 中,并写入一个独立的JS文件.

  • 基于React实现表单数据的添加和删除详解

    前言 最近在学习React,做了一个简单的Demo,用以自勉及和有需要的朋友们参考学习. 实现功能 在输入框中输入数据后,点击保存按钮,数据将会逐一显示在输入框下方,点击保存后显示的任何一条数据,该数据即可被删除. 实现思路 在开始实现之前,我们需要理清我们的思路,这样才能更好地去完成预定功能. 点击保存按钮时,输入框中的数据读取,可通过onChange绑定事件,获得输入框数据:e.target.value 自定义一个事件,输入数据后,点击保存按钮时,数据的存储操作交由该事件完成 当不断点击保存

随机推荐