判断checkbox是否被选中

楼主看下面代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="zourinet">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="JavaScript">
/* <![CDATA[ */
function inputdisabled(o)
{
if(o.disabled)
{
o.disabled=false;
return ;
}
o.disabled=true;
}
var AttachEvent = function(o)
{
  return function()
  {
    inputdisabled(o);//该函数为外部定义的一个执行函数；
  }
}
function eventLoaded()
{
var obj = document.getElementsByTagName("input");
for(var i=0;i<obj.length;i++)
{
if(obj[i].type=="checkbox")
{
obj[i].attachEvent("onclick", AttachEvent(obj[i].parentNode.nextSibling.childNodes[0])); 
}
}
}
/* ]]> */
</script>
</HEAD>
<BODY onload="eventLoaded()">
<form method="post" action="">
<div>
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td><input type="checkbox" name="" value="" ></td>
<td><input type="text" name="" value="123"></td>
<td></td>
</tr>
<tr>
<td><input type="checkbox" name="" value=""></td>
<td><input type="text" name="" value="123ddddddd"></td>
<td></td>
</tr>
</table>
</div>
</form>
</BODY>
</HTML>

解决方案 »

  1.   


    <html>
    <title>index</title>
    <head>
    <script>  </script> </head>
    <body >
    <input type="checkbox" onclick="this.nextSibling.disabled = false"><input type="textbox" disabled><br>
    </body>
    </html>
      

  2.   

    rjzou2006 非常感谢你的回复。你的效果和我要的效果刚好相反。呵呵～～没怎么看懂。不是很熟悉JAVAsCRIPT!
      

  3.   

    <input type="checkbox" onclick="document.getElementById('text1').readOnly=!this.checked"/><input id="text1" type="text" readonly="readonly"/>
    这样
      

  4.   

    希望能够在2楼的基础上修改，我的checkbox是多个，并且是动态加载的！
      

  5.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="zourinet">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script language="JavaScript">
    /* <![CDATA[ */
    function inputdisabled(o)
    {
        if(o.disabled)
        {
            o.disabled=false;
            return ;
        }
        o.disabled=true;    
    }
    var AttachEvent = function(o)
    {
      return function()
      {
        inputdisabled(o);//该函数为外部定义的一个执行函数；
      }
    }
    function eventLoaded()
    {
        var obj = document.getElementsByTagName("input");
        for(var i=0;i<obj.length;i++)
        {    
            if(obj[i].type=="checkbox")
            {
                obj[i].attachEvent("onclick", AttachEvent(obj[i].parentNode.nextSibling.childNodes[0]));             
            }
        }
    }
    /* ]]> */
    </script>
    </HEAD>
    <BODY onload="eventLoaded()">
    <form method="post" action="">
    <div>
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
        <td><input type="checkbox" name="" value="" ></td>
        <td><input type="text" name="" disabled value="123"></td>
        <td></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="" value=""></td>
        <td><input type="text" name="" disabled value="123ddddddd"></td>
        <td></td>
    </tr>
    </table>
    </div>
    </form>
    </BODY>
    </HTML>
      

  6.   

    我这个代码才有动态加载的通用性看好了.
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="zourinet">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <script language="JavaScript">
    /* <![CDATA[ */
    function inputdisabled(s,o)
    {
        if(s.checked)
        {
            o.disabled=false;
            return ;
        }
        o.disabled=true;    
    }
    var AttachEvent = function(s,o)
    {
      return function()
      {
        inputdisabled(s,o);//该函数为外部定义的一个执行函数；
      }
    }
    function eventLoaded()
    {
        var obj = document.getElementsByTagName("input");
        for(var i=0;i<obj.length;i++)
        {    
            if(obj[i].type=="checkbox")
            {
                obj[i].attachEvent("onclick", AttachEvent(obj[i],obj[i].parentNode.nextSibling.childNodes[0]));             
            }
        }
    }
    /* ]]> */
    </script>
    </HEAD>
    <BODY onload="eventLoaded()">
    <form method="post" action="">
    <div>
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
        <td><input type="checkbox" name="" value="" ></td>
        <td><input type="text" name="" value="123" disabled></td>
        <td></td>
    </tr>
    <tr>
        <td><input type="checkbox" name="" value=""></td>
        <td><input type="text" name="" value="123ddddddd" disabled></td>
        <td></td>
    </tr>
    </table>
    </div>
    </form>
    </BODY>
    </HTML>
      

  7.   

    还不明白,给我发email: [email protected]