有十个单选按钮和分别对应的十个文本框,当单击对应的按钮,弹出对应的文本框,还这个用jquery实现。
解决方案 »
- IE6<select>问题: "无法设置selected属性。未指明的错误。”
- js 函数问题
- ocument.getElementById缺少对象
- (function($))这是什么写法啊
- 请问函数的call(),apply(),callee,caller的具体用法.
- 练习正则的,可惜我正则太差,期待高手完善
- 如何禁止页面上的退格键而不禁止输入框里的退格键?
- 高分相赠:javascript中如何读取文本文件(.txt)内容
- 如何去掉ie 的关闭的那个x
- 怎样解决Cannot read property of null这类问题
- 求正则表达式【 以字母开头,由字母和数字组成 6-12位的字符串】
- jquery $.ajax的ie8下出现错误.如何解决?
然后写个
$('#buttonid').click(弹出相应的文本框)
$('#button1').click
$('#button2').click
$('#button2').click这个我怎么处理一下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"
type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#btn1").click(function () {
$("#txt1").css("display", "block");
$("#txt2").css("display", "none");
$("#txt3").css("display", "none");
$("#txt4").css("display", "none");
$("#txt5").css("display", "none"); });
$("#btn2").click(function () {
$("#txt1").css("display", "none");
$("#txt2").css("display", "block");
$("#txt3").css("display", "none");
$("#txt4").css("display", "none");
$("#txt5").css("display", "none");
});
$("#btn3").click(function () {
$("#txt1").css("display", "none");
$("#txt2").css("display", "none");
$("#txt3").css("display", "block");
$("#txt4").css("display", "none");
$("#txt5").css("display", "none");
});
$("#btn4").click(function () {
$("#txt1").css("display", "none");
$("#txt2").css("display", "none");
$("#txt3").css("display", "none");
$("#txt4").css("display", "block");
$("#txt5").css("display", "none");
});
$("#btn5").click(function () {
$("#txt1").css("display", "none");
$("#txt2").css("display", "none");
$("#txt3").css("display", "none");
$("#txt4").css("display", "none");
$("#txt5").css("display", "block");
});
});
</script>
</head>
<body>
<input type="button" id="btn1" value="显示文本框1" />
<input type="text" id="txt1" value="文本框1" style=" display:none"/><input type="button" id="btn2" value="显示文本框2"/>
<input type="text" id="txt2" value="文本框2" style=" display:none"/><input type="button" id="btn3" value="显示文本框3"/>
<input type="text" id="txt3" value="文本框3" style=" display:none"/><input type="button" id="btn4" value="显示文本框4"/>
<input type="text" id="txt4" value="文本框4" style=" display:none"/><input type="button" id="btn5" value="显示文本框5"/>
<input type="text" id="txt5" value="文本框5" style=" display:none"/>
</body>
</html>是这样吗?有点复杂应该有更简单