js 选中之后不可编辑……

来源:互联网 发布:知乎钓鱼什么意思 编辑:程序博客网 时间:2024/06/07 05:34

<html >
<head>
<title>Untitled Document</title>
<script language="javascript">
function chkOper(chk)
{
  var inputs = chk.parentNode.parentNode.cells

[1].getElementsByTagName("input"); //通过父级节点获取输入框
  var status = chk.checked; //判断复选框是否选中的变量
  for(var i=0,j=inputs.length;i<j;i++) //遍历每个input控件
  inputs[i].disabled = status; //通过复选框的值设置每个input控件的

可用性
}

</script>
</head>
<body>
<table width="500" border="1" cellspacing="1" cellpadding="1">
  <tr>
  <td width="40px" align="center">
  <input type="checkbox" name="checkbox" id="" onclick="chkOper

(this)"/></td>
  <td width="230px">
  <input type="text" name="textfield" id="Text1" />
  </td>
  <td width="230px">第一行</td>
  </tr>
  <tr>
  <td align="center"><input type="checkbox" name="checkbox"

id="Checkbox1" onclick= "chkOper(this)"/></td>
  <td><input type="text" name="textfield2" id="textfield2" /></td>
  <td>第二行</td>
  </tr>
  <tr>
  <td align="center"><input type="checkbox" name="checkbox"

id="Checkbox2" / onclick= "chkOper(this)"></td>
  <td><input type="text" name="textfield3" id="textfield3" /></td>
  <td>第三行</td>
  </tr>
</table>
</body>
</html>