js给文本框赋值
文本域语句如下:
<input type="test" name="testName" id="testId">
javascript赋值操作:
<script language="javascript">
    ElementByIdx_x("testId").value="hello";
</script>
注意:value与innerHTML的区别
上面的value也可以写成innerHTML
有value属性的标签才能使用getElementById().value
比如<input type="text" value="" />
像<div>12345</div>这种没有value属性的标签就用getElementById().innerHTML
下面应用到具体页面来展示js的这种功能:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>订阅时事通讯</title>
<script language="javascript">
/*
  document.write("<h1> 欢迎订阅时事通讯</h2>");
  document.write("请选择您要的时事通讯:");
 
  function whoOnFocus() {    // 您选中了哪一时事通讯
    var who = "";    // 您选中的那一时事通讯
    for(var j = 0; j < wsletters.length; j++) {
      if(wsletters[j].checked == true) {    // 如果某复选框被选中
        ElementById("whoOnFocus").value = "";    // 清空文本框里的值
        who = wsletters[j].value;    // 被选中复选框的值
        ElementById("whoOnFocus").value = who + " 接收焦点";
      }
    }
  }
 
  function dispInfo() {
    var s = "";
    for(var i = 0; i < wsletters.length; i++) {
      if(wsletters[i].checked == true) {    // 如果某复选框被选中
        s += wsletters[i].value + "<br />";    // 显示您选过的时事通讯项目
      }
    }
    document.write("以下是您订阅的时事通讯:<br />");
    document.write("<br />" + s);
  }
  */
    function whoOnFocus(){
        var newsletters = ElementsByName("newsletters")
        var s = ""
        //alert(newsletters[0].checked)
        document.SubscriptionNewsletters.whoOnFocus.value = ""
        for (var i=0;i<newsletters.length;i++ )
        {
            if (newsletters[i].checked==true)
            {
                s = s + newsletters[i].value
            }
        }
        document.SubscriptionNewsletters.whoOnFocus.value = s
       
    }
    function dispInfo(){
        var newsletters = ElementsByName("newsletters")
        var s = ""
        for (var i=0;i<newsletters.length ;i++ )
        {
            if (newsletters[i].checked==true)
            {
                s = s + newsletters[i].value +"<br>"
            }
           
        }
        if (s == "")
        {
            s = "你还没有订阅任何时事通讯"
        }
        ElementById("res").innerHTML = s
    }
    load = function(){
        var newsletters = ElementsByName("newsletters")   
        for (var i=0;i<newsletters.length;i++ )
        {
            newsletters[i].onclick=function(){whoOnFocus()}
        }
    }
</script>
</head>
<body>
<h1> 欢迎订阅时事通讯</h2>
请选择您要的时事通讯:
  <form name="SubscriptionNewsletters">
    <input type="checkbox" name="newsletters" value="C" />C<br />
    <input type="checkbox" name="newsletters" value="C++" />C++<br />
    <input type="checkbox" name="newsletters" value="C#" />C#<br />
    <input type="checkbox" name="newsletters" value="JAVA" />JAVA<br />
    <input type="checkbox" name="newsletters" value="Visual Basic" />Visual Basic<br />
html内容文本框
    <input type="checkbox" name="newsletters" value="Oracle" />Oracle<br />
    <input type="checkbox" name="newsletters" value="SQL Server" />SQL Server<br />
    <input type="text" name="whoOnFocus" id="whoOnFocus" /><br />
    <br />
    <input type="button" name="signin" value="登记" onClick="dispInfo()" />
  </form>
  <h1>以下是您订阅的时事通讯</h1>
  <hr>
  <div id="res"></div>
</body>
</html>

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。