用srcElement实现添加效果 <font color="red">原创</font>

摘要：用srcElement实现添加效果 <font color="red">原创</font>

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

</textarea>  
<textarea cols="40" id="textarea9" name="xinge" rows="8" style="font-size: 9pt;padding:4px;"></textarea> 
  <table border="0" cellpadding="0" cellspacing="0" width="100%">  
    <tr> 
      <td colspan="5">兴趣爱好</td> 
    </tr> 
    <tr>  
      <td><input id="activity_1" name="activity" type="checkbox" value="电脑/网络"></input>  
          <label class="l" for="activity_1">电脑/网络</label></td>  
      <td><label class="l" for="activity_2">  
        <input id="activity_2" name="activity2" type="checkbox" value="电子游戏"></input>  
        电子游戏</label></td>  
      <td><input id="activity_3" name="activity2" type="checkbox" value="体育运动"></input>  
          <label class="l" for="activity_3">体育运动</label></td>  
      <td><input id="activity_4" name="activity2" type="checkbox" value="饮酒"></input>  
          <label class="l" for="activity_4">饮酒</label></td>  
      <td><input id="activity_5" name="activity2" type="checkbox" value="品茗"></input>  
          <label class="l" for="activity_5">品茗</label></td>  
    </tr>  
    <tr>  
      <td><input id="activity_6" name="activity2" type="checkbox" value="弹琴"></input>  
          <label class="l" for="activity_6">弹琴</label></td>  
      <td><input id="activity_7" name="activity2" type="checkbox" value="看电影/电视"></input>  
          <label class="l" for="activity_7">看电影/电视</label></td>  
      <td><input id="activity_8" name="activity2" type="checkbox" value="下棋/打牌"></input>  
          <label class="l" for="activity_8">下棋/打牌</label></td>  
      <td><input id="activity_9" name="activity2" type="checkbox" value="观光旅游"></input>  
          <label class="l" for="activity_9">观光旅游</label></td>  
      <td><input id="activity_10" name="activity2" type="checkbox" value="逛街购物"></input>  
          <label class="l" for="activity_10">逛街购物</label></td>  
    </tr>  
    <tr>  
      <td><input id="activity_11" name="activity2" type="checkbox" value="阅读"></input>  
          <label class="l" for="activity_11">阅读</label></td>  
      <td><input id="activity_12" name="activity2" type="checkbox" value="写作"></input>  
          <label class="l" for="activity_12">写作</label></td>  
      <td><input id="activity_13" name="activity2" type="checkbox" value="烹调"></input>  
          <label class="l" for="activity_13">烹调</label></td>  
      <td><input id="activity_14" name="activity2" type="checkbox" value="舞会/卡拉OK"></input>  
          <label class="l" for="activity_14">舞会/卡拉OK</label></td>  
      <td><input id="activity_15" name="activity2" type="checkbox" value="健身/武术"></input>  
          <label class="l" for="activity_15">健身/武术</label></td>  
    </tr>  
    <tr> 
      <td colspan="5">性格：</td> 
    </tr> 
    <tr>  
      <td><input id="xinge_16" name="activity2" type="checkbox" value="活泼"></input>  
          <label class="l" for="xinge_16">活泼</label></td>  
      <td><input id="xinge_17" name="activity2" type="checkbox" value="尖刻"></input>  
          <label class="l" for="xinge_17">尖刻</label></td>  
      <td><input id="xinge_18" name="activity2" type="checkbox" value="自闭"></input>  
          <label class="l" for="xinge_18">自闭</label></td>  
      <td><input id="xinge_19" name="activity2" type="checkbox" value="等等"></input>  
          <label class="l" for="xinge_19">等等　</label></td>  
      <td><input id="xinge_20" name="activity2" type="checkbox" value="外向"></input>  
          <label class="l" for="xinge_20">外向</label></td>  
    </tr>  
  </table>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

blueidea斑竹回复，推荐

</textarea>   
<textarea cols="40" id="textarea9" name="xinge" rows="8" style="font-size: 9pt;padding:4px;"></textarea>  
  <table border="0" cellpadding="0" cellspacing="0" width="100%">   
    <tr>  
      <td colspan="5">兴趣爱好</td>  
    </tr>  
    <tr>   
      <td><input id="activity_1" name="activity" type="checkbox" value="电脑/网络"></input>   
          <label class="l" for="activity_1">电脑/网络</label></td>   
      <td><label class="l" for="activity_2">   
        <input id="activity_2" name="activity2" type="checkbox" value="电子游戏"></input>   
        电子游戏</label></td>   
      <td><input id="activity_3" name="activity2" type="checkbox" value="体育运动"></input>   
          <label class="l" for="activity_3">体育运动</label></td>   
      <td><input id="activity_4" name="activity2" type="checkbox" value="饮酒"></input>   
          <label class="l" for="activity_4">饮酒</label></td>   
      <td><input id="activity_5" name="activity2" type="checkbox" value="品茗"></input>   
          <label class="l" for="activity_5">品茗</label></td>   
    </tr>   
    <tr>   
      <td><input id="activity_6" name="activity2" type="checkbox" value="弹琴"></input>   
          <label class="l" for="activity_6">弹琴</label></td>   
      <td><input id="activity_7" name="activity2" type="checkbox" value="看电影/电视"></input>   
          <label class="l" for="activity_7">看电影/电视</label></td>   
      <td><input id="activity_8" name="activity2" type="checkbox" value="下棋/打牌"></input>   
          <label class="l" for="activity_8">下棋/打牌</label></td>   
      <td><input id="activity_9" name="activity2" type="checkbox" value="观光旅游"></input>   
          <label class="l" for="activity_9">观光旅游</label></td>   
      <td><input id="activity_10" name="activity2" type="checkbox" value="逛街购物"></input>   
          <label class="l" for="activity_10">逛街购物</label></td>   
    </tr>   
    <tr>   
      <td><input id="activity_11" name="activity2" type="checkbox" value="阅读"></input>   
          <label class="l" for="activity_11">阅读</label></td>   
      <td><input id="activity_12" name="activity2" type="checkbox" value="写作"></input>   
          <label class="l" for="activity_12">写作</label></td>   
      <td><input id="activity_13" name="activity2" type="checkbox" value="烹调"></input>   
          <label class="l" for="activity_13">烹调</label></td>   
      <td><input id="activity_14" name="activity2" type="checkbox" value="舞会/卡拉OK"></input>   
          <label class="l" for="activity_14">舞会/卡拉OK</label></td>   
      <td><input id="activity_15" name="activity2" type="checkbox" value="健身/武术"></input>   
          <label class="l" for="activity_15">健身/武术</label></td>   
    </tr>   
    <tr>  
      <td colspan="5">性格：</td>  
    </tr>  
    <tr>   
      <td><input id="xinge_16" name="activity2" type="checkbox" value="活泼"></input>   
          <label class="l" for="xinge_16">活泼</label></td>   
      <td><input id="xinge_17" name="activity2" type="checkbox" value="尖刻"></input>   
          <label class="l" for="xinge_17">尖刻</label></td>   
      <td><input id="xinge_18" name="activity2" type="checkbox" value="自闭"></input>   
          <label class="l" for="xinge_18">自闭</label></td>   
      <td><input id="xinge_19" name="activity2" type="checkbox" value="等等"></input>   
          <label class="l" for="xinge_19">等等　</label></td>   
      <td><input id="xinge_20" name="activity2" type="checkbox" value="外向"></input>   
          <label class="l" for="xinge_20">外向</label></td>   
    </tr>   
  </table>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

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

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

start

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

deleteCount

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

item1, item2,. . .,itemN

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

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

全部评论(0)

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