用srcElement实现添加效果原创

作者：磊磊860219 | 来源：互联网 | 2023-08-04 07:26

用srcElement实现添加效果原创:无标题文档[Ctrl+A全选注:如需引入外部Js需刷新才能执行]2006-08-21可以自己检测，不要每个checkbox加事件,删除功

<font color="#666666"> 
  <textarea name="likes" cols="40" rows="2" id="textarea9" ><&＃47textarea> 
  </font> 
  <table border="0"  cellspacing="0" cellpadding="0" > 
    <tr> 
      <td><input name="activity" type="checkbox" value="电脑/网络" id="activity_1" Onclick="Javascript:addthis()" /> 
          <label for="activity_1" class="l">电脑/网络</label></td> 
      <td><label for="activity_2" class="l"> 
        <input name="activity2" type="checkbox" value="电子游戏" id="activity_2" Onclick="Javascript:addthis()"/> 
        电子游戏</label></td> 
      <td><input name="activity2" type="checkbox" value="体育运动" id="activity_3" Onclick="Javascript:addthis()" /> 
          <label for="activity_3" class="l">体育运动</label></td> 
      <td><input name="activity2" type="checkbox" value="饮酒" id="activity_4" /> 
          <label for="activity_4" class="l">饮酒</label></td> 
      <td><input name="activity2" type="checkbox" value="品茗" id="activity_5" /> 
          <label for="activity_5" class="l">品茗</label></td> 
    </tr> 
    <tr> 
      <td><input name="activity2" type="checkbox" value="弹琴" id="activity_6" /> 
          <label for="activity_6" class="l">弹琴</label></td> 
      <td><input name="activity2" type="checkbox" value="看电影/电视" id="activity_7" /> 
          <label for="activity_7" class="l">看电影/电视</label></td> 
      <td><input name="activity2" type="checkbox" value="下棋/打牌" id="activity_8" /> 
          <label for="activity_8" class="l">下棋/打牌</label></td> 
      <td><input name="activity2" type="checkbox" value="观光旅游" id="activity_9" /> 
          <label for="activity_9" class="l">观光旅游</label></td> 
      <td><input name="activity2" type="checkbox" value="逛街购物" id="activity_10" /> 
          <label for="activity_10" class="l">逛街购物</label></td> 
    </tr> 
    <tr> 
      <td><input name="activity2" type="checkbox" value="阅读" id="activity_11" /> 
          <label for="activity_11" class="l">阅读</label></td> 
      <td><input name="activity2" type="checkbox" value="写作" id="activity_12" /> 
          <label for="activity_12" class="l">写作</label></td> 
      <td><input name="activity2" type="checkbox" value="烹调" id="activity_13" /> 
          <label for="activity_13" class="l">烹调</label></td> 
      <td><input name="activity2" type="checkbox" value="舞会/卡拉OK" id="activity_14" /> 
          <label for="activity_14" class="l">舞会/卡拉OK</label></td> 
      <td><input name="activity2" type="checkbox" value="健身/武术" id="activity_15" /> 
          <label for="activity_15" class="l">健身/武术</label></td> 
    </tr> 
    <tr> 
      <td><input name="activity2" type="checkbox" value="水上活动" id="activity_16" /> 
          <label for="activity_16" class="l">水上活动</label></td> 
      <td><input name="activity2" type="checkbox" value="文艺表演" id="activity_17" /> 
          <label for="activity_17" class="l">文艺表演</label></td> 
      <td><input name="activity2" type="checkbox" value="18" id="activity_18" /> 
          <label for="activity_18" class="l">聊天</label></td> 
      <td><input name="activity2" type="checkbox" value="19" id="activity_19" /> 
          <label for="activity_19" class="l">家事/手工艺　</label></td> 
      <td><input name="activity2" type="checkbox" value="20" id="activity_20" /> 
          <label for="activity_20" class="l">书法/绘画</label></td> 
    </tr> 
    <tr> 
      <td><input name="activity2" type="checkbox" value="21" id="activity_21" /> 
          <label for="activity_21" class="l">储蓄/投资</label></td> 
      <td><input name="activity2" type="checkbox" value="22" id="activity_22" /> 
          <label for="activity_22" class="l">养宠物</label></td> 
      <td><input name="activity2" type="checkbox" value="23" id="activity_23" /> 
          <label for="activity_23" class="l">听音乐</label></td> 
      <td><input name="activity2" type="checkbox" value="24" id="activity_24" /> 
          <label for="activity_24" class="l">各种收集活动　</label></td> 
      <td><input name="activity2" type="checkbox" value="25" id="activity_25" /> 
          <label for="activity_25" class="l">摄影/艺术创作</label></td> 
    </tr> 
  </table>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
2006-08-21可以自己检测，不要每个checkbox加事件,删除功能没有实现

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
blueidea斑竹回复，推荐

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
splice 方法
从一个数组中移除一个或多个元素，如果必要，在所移除元素的位置上插入新元素，返回所移除的元素。
arrayObj.splice(start, deleteCount, [item1[, item2[, . . . [,itemN]]]])

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

start

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

deleteCount

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

item1, item2,. . .,itemN

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

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

推荐阅读

utf-8
jQuery 入门指南与实战应用

本文详细介绍了 jQuery 的入门知识与实战应用，首先讲解了如何引入 jQuery 库及入口函数的使用方法，为初学者提供了清晰的操作指南。此外，还深入探讨了 jQuery 在实际项目中的多种应用场景，包括 DOM 操作、事件处理和 AJAX 请求等，帮助读者全面掌握 jQuery 的核心功能与技巧。 ... [详细]

蜡笔小新 2024-11-04 17:28:16
string
ButterKnife的基础应用与实践指南

ButterKnife 是一款用于 Android 开发的注解库，主要用于简化视图和事件绑定。本文详细介绍了 ButterKnife 的基础用法，包括如何通过注解实现字段和方法的绑定，以及在实际项目中的应用示例。此外，文章还提到了截至 2016 年 4 月 29 日，ButterKnife 的最新版本为 8.0.1，为开发者提供了最新的功能和性能优化。 ... [详细]

蜡笔小新 2024-11-07 13:17:24
config
2017年9月7日前端技术动态与资讯汇总

2017-09-07前端日报精选JavaScriptEventLoop机制详解与Vue.js中实践应用Redux基础与实践如何用js获取虚拟键盘高度？（ ... [详细]

蜡笔小新 2024-10-22 19:15:38
utf-8
自然语言处理(NLP)——LDA模型:对电商购物评论进行情感分析

目录一、2020数学建模美赛C题简介需求评价内容提供数据二、解题思路三、LDA简介四、代码实现1.数据预处理1.1剔除无用信息1.1.1剔除掉不需要的列1.1.2找出无效评论并剔除 ... [详细]

蜡笔小新 2024-11-14 18:21:21
java
Java初学者的一天

本文介绍了Java编程语言的基础知识，包括其历史背景、主要特性以及如何安装和配置JDK。此外，还详细讲解了如何编写和运行第一个Java程序，并简要介绍了Eclipse集成开发环境的安装和使用。 ... [详细]

蜡笔小新 2024-11-14 18:05:41
web
Cookie学习小结

Cookie学习小结 ... [详细]

蜡笔小新 2024-11-14 16:26:25
java
JavaScript面部交换代码及实现方法

本文详细介绍了如何使用JavaScript实现面部交换功能，包括基本原理和具体实现步骤。 ... [详细]

蜡笔小新 2024-11-14 15:54:06
format
Spark 弹性分布式数据集详解

本文详细介绍了 Spark 中的弹性分布式数据集（RDD）及其常见的操作方法，包括 union、intersection、cartesian、subtract、join、cogroup 等转换操作，以及 count、collect、reduce、take、foreach、first、saveAsTextFile 等行动操作。 ... [详细]

蜡笔小新 2024-11-14 15:44:57
require
如何使用KindEditor网页编辑器

本文详细介绍了如何在项目中引入和配置KindEditor网页编辑器，包括脚本引用、初始化编辑器以及文件上传功能的实现。 ... [详细]

蜡笔小新 2024-11-14 09:36:22
default
SoundPool

如果应用程序经常播放密集、急促而又短暂的音效（如游戏音效）那么使用MediaPlayer显得有些不太适合了。因为MediaPlayer存在如下缺点：1)延时时间较长，且资源占用率高 ... [详细]

蜡笔小新 2024-11-13 16:47:19
main
在范围[0..n-1]中产生m个不同的随机数 - Generating m distinct random numbers in the range [0..n-1]

Ihavetwomethodsofgeneratingmdistinctrandomnumbersintherange[0..n-1]我有两种方法在范围[0.n-1]中生 ... [详细]

蜡笔小新 2024-11-13 09:49:14
sum
深切明白ES6笔记（三）函数

重要知识点有：函数参数默许值、盈余参数、扩大运算符、new.target属性、块级函数、箭头函数以及尾挪用优化《深切明白ES6》笔记目次函数的默许参数在ES5中，我们给函数传参数， ... [详细]

蜡笔小新 2024-11-12 14:57:05
main
字节流(InputStream和OutputStream)，字节流读写文件，字节流的缓冲区，字节缓冲流

字节流抽象类InputStream和OutputStream是字节流的顶级父类所有的字节输入流都继承自InputStream，所有的输出流都继承子OutputStreamInput ... [详细]

蜡笔小新 2024-11-12 14:07:25
main
如何在Java中使用DButils类

这期内容当中小编将会给大家带来有关如何在Java中使用DButils类，文章内容丰富且以专业的角度为大家分析和叙述，阅读完这篇文章希望大家可以有所收获。D ... [详细]

蜡笔小新 2024-11-12 13:46:11
default
优化升级版数据采集与赋值方法，专为前文内容设计

在前一篇文章中，方法的局限性主要体现在需要传递参数，并且参数数量受限。当页面布局与所需参数不匹配时，该方法将无法正常工作。为此，我们推出了优化升级版1.1，旨在解决这些问题并提高灵活性和适用性。 ... [详细]

蜡笔小新 2024-11-02 17:01:57

磊磊860219

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章