请教html中if的用法
我想实现的是点击按钮后,判断:如果文本框1=“ok”,那么文本框2就=“1”,否则文本框2就=“2”。
请问按钮的代码要怎么写?谢谢。
以下是基础代码,请修改:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<input type="text" name="001" id="001" value="文本框1"/>
<input type="text" name="002" id="002" value="文本框2"/>
<input type="button" name="003" id="003" value="按钮" onclick=... />
</form>
</body>
</html> 展开
这是针对此问题的测试页面,下面详细解释。
1、给第三个按钮绑定一个事件, onclick="fun()" 意思是点击时执行fun这个函数。
<input type="text" name="001" id="001" value="文本框1" />
<br>
<br>
<input type="text" name="002" id="002" value="文本框2" />
<br>
<br>
<input type="button" name="003" id="003" value="按钮" onclick="fun()" />
2、在javascript中声明fun函数。其中有个关键的地方是用document.getElementById('001').value这种写法获得id为"001"的文本框的值,同时可以用document.getElementById('002').value = 1;这种写法对id为"002"的文本框赋值。
function fun() {
if (document.getElementById('001').value == 'ok') {
document.getElementById('002').value = 1;
} else {
document.getElementById('002').value = 2;
}
}
3、这是运行效果
<input type="text" name="" id="inp2" value="文本框2"/>
<input type="button" name="" id="btn" value="按钮" onclick=fn() />
<script type="text/javascript">
function fn(){
var inp1=document.getElementById('inp1');
var inp2=document.getElementById('inp2');
if(inp1.value=='ok'){
inp2.value='1';
}else{
inp2.value='2';
}
}
</script>
提醒一下,id这种属性名字不可以是数字开头,还有你半个form是什么意思