javascript实现 复选框 (默认没有勾选)

this.parentElement.nextSibling.innerText=this.parentElement.nextSibling.innerText=='AABBCC'?'112233':'AABBCC';"这里写成函数,传参进去好些,也可根据需要自己调否
<html>
<body>
<table>
<tr>
<td><input type="checkbox" onclick="this.parentElement.nextSibling.innerText=this.parentElement.nextSibling.innerText=='AABBCC'?'112233':'AABBCC';"/></td>
<td>AABBCC</td>
<td>放表格一</td>
</tr>
<tr>
<td><input type="checkbox" onclick="this.parentElement.nextSibling.innerText=this.parentElement.nextSibling.innerText=='XXYYZZ'?'778899':'XXYYZZ';" /></td>
<td>XXYYZZ</td>
<td>放表格二</td>
</tr>
</table>
</body>
</html>

解决方案 »

  1.   

    wentimao 你好在吗，帮忙解决下吧。
      

  2.   

    <script>
    function show(obj){
    var icell=obj.parentNode;//为了兼容FF和IE，所以用parentNode而不用parentElement 
    var iRow=icell.parentNode;//为了兼容FF和IE，所以用parentNode而不用parentElement
    var itable=iRow.parentNode;//为了兼容FF和IE，所以用parentNode而不用parentElement
    itable.childNodes[0].childNodes[0].innerText=itable.childNodes[0].childNodes[0].innerText=='AABBCC'?'112233':'AABBCC';
    itable.childNodes[1].childNodes[0].innerText=itable.childNodes[1].childNodes[0].innerText=='XXYYZZ'?'778899':'XXYYZZ';
    }
    </script>
    <html>
        <body>
            <table><tr><td>AABBCC</td></tr><tr><td>XXYYZZ</td></tr><tr><td><input type="checkbox" onclick="show(this)"/></td></table>
        </body>
    </html>
      

  3.   

    <script>
    function show(obj){
    var icell=obj.parentNode;//为了兼容FF和IE，所以用parentNode而不用parentElement 
    var iRow=icell.parentNode;//为了兼容FF和IE，所以用parentNode而不用parentElement
    var itable=iRow.parentNode;//为了兼容FF和IE，所以用parentNode而不用parentElement
    itable.childNodes[0].childNodes[1].innerText=itable.childNodes[0].childNodes[1].innerText=='AABBCC'?'112233':'AABBCC';
    itable.childNodes[1].childNodes[1].innerText=itable.childNodes[1].childNodes[1].innerText=='XXYYZZ'?'778899':'XXYYZZ';
    }
    </script>
    <html>
        <body>
            <table><tr><td>表格一</td><td>AABBCC</td></tr><tr><td>表格二</td><td>XXYYZZ</td></tr><tr><td><input type="checkbox" onclick="show(this)"/></td></table>
        </body>
    </html>