Javascript 讀寫 HTML 同名欄位程式範例

Javascript 讀寫 HTML 同名欄位時,要先把要讀 取的欄位取出後再透過 for loop 來操作。
<html>
<script type="text/javascript">
function getValue() {
   var ayuFieldObj = document.forms[0].ayuField
   for(i=0;i<ayuFieldObj.length;i++) {
      alert(ayuFieldObj[i].value)
   }
}
function setValue(){
   var ayuFieldObj = document.forms[0].ayuField
   for(i=0;i<ayuFieldObj.length;i++) {
      ayuFieldObj[i].value = i
   }
}
</script>
<body>
<form name="test">
<input type="text" name="ayuField" value="a">
<input type="text" name="ayuField" value="b">
<input type="text" name="ayuField" value="c">
<input type="button" value="取值" onclick="javascript:getValue();" >
<input type="button" value="給值" onclick="javascript:setValue();" >
</form>
</body>
</html>
分享:

沒有留言 :