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小时内删除。
发表评论