1. 爱易网页
  2. JavaSript
  3. JS 动态批改onclick事件

JS 动态批改onclick事件

日期：2014-05-16　 浏览次数：20425 次

JS 动态修改onclick事件
目的：新建一个多选框，选中多选框后， 将多选框后的文字加上"line-though"效果

JScript code

newCheckBox.onclick = function()
         {
             var pig =this.checked;
             alert(pig);  
             pig?this.nextSibling.style.textDecoration="line-through":this.nextSibling.style.textDecoration="none";
 
         }


上面代码alert(pig)输出了， 但是却没有实现我要的效果， 请问是啥原因啊？？

------解决方案--------------------
探讨

不好意思， 刚操作错误了；
我是动态创建复选框， 然后再添加的效果，但是实现不了； 我的代码：
JScript code

<html>

<head>
<title>JS实现选中复选框后删除后面文字的效果</title>
</head>

<script type="text/javascript">
var i =0;

function AddCheckBox(……

------解决方案--------------------
this.nextSibling 表示是新创建复选框后面的兄弟节点
parent.appendChild(document.createTextNode("123"+i));
这句话表示在复选框后面增加一个文本节点，也就是不带标签的纯文本，用this.nextSibling方法是得不到这个文本节点的 所以看不到效果。
可以在复选框后面创建一个SPAN节点，这样就可以看到效果

相关资料更多>

  1. 请教一个打开自适应子窗体，关闭子窗体刷新父窗体的有关问题
  2. 关于悬浮窗口的一个小疑点
  3. Jquery.ajax不能解析json对象，报parseerror Invalid JSON异常的原因和解决办法
  4. 【转】js获取url三拇指定参数值
  5. C# 中应用JSON - DataContractJsonSerializer
  6. 施用jquery作一个纵向菜单，超级链接为何失效？
  7. Firefox onreadystatechange 不工作,该如何解决
  8. jqgrid3.8怎么冻结列和显示和隐藏指定列
  9. confirm为何会跳出一个false的窗口啊