我的意思是~我现在有3个按钮 和3个不同的form按第一个按钮的作用是使得第二个和第三个form只读,~按第二个按钮使得第一个和第三个form只读,按第三个按钮使得第一个和第二个form只读~类似于切换~能帮忙回答下吗?谢谢
解决方案 »
- 修改一下JS日历控件的格式!
- 请教大师如何用jquery 或者js改变select 的当前text?
- ie下confirm 点击取消,依然提交订单,有什么解决的办法吗
- document对象与document.documentElemen对象等同吗?若不是,有何不同?
- 大家帮忙啊
- 一个字符替换过滤问题:如何将一个回车符转换成空格
- 在页面提交后,如何检测<select>选项有没有变化。
- 如何清除document.write写的字符串?(急,一定给分。)
- 请教读取文件时的一个问题。
- 字符串 拆分拼接
- (软件开发)访问页面,打开ie浏览器时,设置浏览器的样式,窗口的工具栏,地址栏怎么样才能没有。而且无法放大缩小窗口大小。
- 求救,再次求救..關於影片切換的語法! getElementById
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
//禁用指定表单的所有元素
function disableForm(id) {
var f = document.getElementById(id);
var obj = f.getElementsByTagName('input');
for(var i = 0; i < obj.length; i ++) obj[i].disabled = true;
}
window.onload = function() {
disableForm('f1');
disableForm('f2');
var btn = document.getElementsByTagName('button');
for(var i = 0; i < btn.length; i ++) {
btn[i].onclick = function() {
disableForm('f1');
disableForm('f2');
disableForm('f3');
var obj = document.getElementById('f' + this.value).getElementsByTagName('input');
for(var i = 0; i < obj.length; i ++) obj[i].disabled = false;
}
}
}
</script>
</head><body><button type="button" value="1">使用表单1</button><button type="button" value="2">使用表单2</button><button type="button" value="3">使用表单3</button>
<form id="f1">
<input type="text" value="表单1" />
<input type="submit" value="提交" />
</form>
<form id="f2">
<input type="text" value="表单2" />
<input type="submit" value="提交" />
</form>
<form id="f3">
<input type="text" value="表单3" />
<input type="submit" value="提交" />
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.6.4.min.js"></script>
<script type="text/javascript">
$(function(){
$(":button").eq(0).click(function(num){
reback();
$("form[name='form2'],form[name='form3']").children("input").attr("disabled","disabled").end().children("select").attr("disabled","disabled");
});
$(":button").eq(1).click(function(num){
reback();
$("form[name='form1'],form[name='form3']").children("input").attr("disabled","disabled").end().children("select").attr("disabled","disabled");
});
$(":button").eq(2).click(function(num){
reback();
$("form[name='form2'],form[name='form1']").children("input").attr("disabled","disabled").end().children("select").attr("disabled","disabled");
});
function reback(){
$("form").children("input").removeAttr("disabled").end().children("select").removeAttr("disabled");
}
});
</script>
</head><body>
<input type="button" name="button1" value="按钮1">
<input type="button" name="button2" value="按钮2">
<input type="button" name="button3" value="按钮3">
<form name="form1">
表单1<input type="text">
表单1<input type="checkbox">vv
表单1<input type="button" value="123">
<select>
<option>123</option>
</select>
</form>
<form name="form2">
表单1<input type="text">
表单1<input type="checkbox">vv
表单1<input type="button" value="123">
<select>
<option>123</option>
</select>
</form>
<form name="form3">
表单1<input type="text">
表单1<input type="checkbox">vv
表单1<input type="button" value="123">
<select>
<option>123</option>
</select>
</form>
</body>
</html>
这个绝对可以用