js怎么访问层的多个文本框，利用两个radio使他们变成只读或可写

js怎么访问层的多个文本框，利用两个radio使他们变成只读或可写

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head><body>
    <p>
      <label>
      <input name="RadioGroup1" type="radio" value="0" checked="checked" onclick="document.all.textfield.readOnly=true;"/>
        只读</label>
      <label>
      <input type="radio" name="RadioGroup1" value="1" onclick="document.all.textfield.readOnly=false;"/>
        可写</label>
    </p>
    <p>
      <input name="textfield" type="text" value="This is a test!" readonly="true" />
      <br />
    </p>
    </body>
    </html>
      

  2.   

    onclick事件触发，改变input的readOnly值即可。
      

  3.   

    var div = document.getElementById("div");//得到层
    var firstItem = div.getElementsByTagName("input").item(0);//层下面的第一个节点，依次类推
    可以用firstItem.type来判断它是不是文本框，并设置其readOnly属性