一菊综合网成人综合网,视频在线观看一区二区,日韩美女一区二区三区

編程（Programming）是編定程序的中文簡(jiǎn)稱，就是讓計(jì)算機(jī)代碼解決某個(gè)問(wèn)題，對(duì)某個(gè)計(jì)算體系規(guī)定一定的運(yùn)算方式，使計(jì)算體系按照該計(jì)算方式運(yùn)行，并最終得到相應(yīng)結(jié)果的過(guò)程。為了使計(jì)算機(jī)能夠理解（understand）人的意圖，人類就必須將需解決的問(wèn)題的思路、方法和手段通過(guò)計(jì)算機(jī)能夠理解的形式告訴計(jì)算機(jī)，使得計(jì)算機(jī)能夠根據(jù)人的指令一步一步去工作，完成某種特定的任務(wù)。這種人和計(jì)算體系之間交流的過(guò)程就是編程。

【實(shí)例名稱】

JS代碼實(shí)現(xiàn)使用復(fù)選框控制文本框

【實(shí)例描述】

很多表格的第一列是復(fù)選框，允許用戶選擇某行進(jìn)行操作。本例學(xué)習(xí)如何使用復(fù)選框，控制某行的文本框。

【實(shí)例代碼】

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" 
content="text/html; charset=GB2312" />
<title>Untitled Document-本站（www.xue51.com）</title>
<script language="javascript">
function chkOper(chk)
{
 var inputs = chk.parentNode.parentNode.cells[1].
getElementsByTagName("input");
//通過(guò)父級(jí)節(jié)點(diǎn)獲取輸入框
 var status = chk.checked;                                                   
//判斷復(fù)選框是否選中的變量
 for(var i=0,j=inputs.length;i<j;i++)                                          
//遍歷每個(gè)input控件
  inputs[i].disabled = status;                                              
//通過(guò)復(fù)選框的值設(shè)置每個(gè)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>

【運(yùn)行效果】

JS代碼實(shí)現(xiàn)使用復(fù)選框控制文本框運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是DOM中節(jié)點(diǎn)的應(yīng)用。首先獲取復(fù)選框控件，然后使用“parentNode”獲取父節(jié)點(diǎn)。獲取到表格控件后。再使用table的列屬性“cells”找到input控件，最后使用“disabled”屬性控制文本框是否能輸入。

【源碼下載】

如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性，你可以點(diǎn)擊：使用復(fù)選框控制文本框進(jìn)行本實(shí)例源碼下載

使用編程語(yǔ)言寫(xiě)的程序，由于每條指令都對(duì)應(yīng)計(jì)算機(jī)一個(gè)特定的基本動(dòng)作，所以程序占用內(nèi)存少、執(zhí)行效率高。

溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 技術(shù)開(kāi)發(fā)教程 > 詳細(xì)頁(yè)面

JS代碼完成使用復(fù)選框控制文本框

本類教程下載

系統(tǒng)下載排行