JS 动态批改onclick事件-JavaSript-爱易网页

JS 动态批改onclick事件

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

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节点，这样就可以看到效果

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

JS 动态批改onclick事件

相关资料更多>

推荐阅读更多>