关于JSP中 单选项与控件的disabled属性
<%@pageimport="tk1.tank_cul"%><scriptlanguage="javascript">//判断对单选项的选择并对type=text的dis...
<%@ page import="tk1.tank_cul"%>
<script language="javascript">//判断对单选项的选择并对type=text的disabled属性进行remove操作
window.onload =function (){
String a1= document.getElementById.value("a");
function(){
if (a1.equals("长方形"))//若是长方形则type="text" id="A"与id="B"可输入
{ document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").removeAttribute("disabled");
}
else if (a1.equals("三角形"))
{ document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").removeAttribute("disabled");
document.getElementById("C").removeAttribute("disabled");
}
else if (a1.equals("圆"))
{ document.getElementById("A").removeAttribute("disabled");
}
};
};
</script>
<%@ page contentType="text/html;charset=GB2312"%>
<html><body bgcolor=cyan><font size=2>
<jsp:useBean id="culc" class="tk1.tank_cul" scope="session"/>//调用bean进行计算
<jsp:setProperty name="culc" property="*" />
<form action="tank_bean_cul.jsp" method=post name=form>
<br><input type="radio" id="a" value="三角形">tree
<br><input type="radio" id="a" value="长方形">four
<br><input type="radio" id="a" value="圆" checked="ok">one//选择要计算的图形
<br>边长一:<input type="text" id="A" id="sideA" disabled="disabled"> //输入边长
边长二:<input type="text" id="B" id="sideB" disabled="disabled">
边长三:<input type="text" id="C" id="sideC" disabled="disabled">
<input type="submit" value="send" name=submit>
</form></font></body></html>
思路是设计一个页面,在页面中有三个图形的单选项按钮,有三个边长的输入框。
三个输入框为不可输入,选择圆形则A的输入框可用。先择长方形则,B,A输入框可用,三角形则都可用。
现在的问题是,单选项点击后无法选择,只有默认的第三个有选择的绿点。
对三个单选项进行选择处理后,本应随选择的图形而取消disabled属性的id="A"/"B"/"C"的输入框无法使用,页面中三个输入框的disabled属性无法通过对单选项的改变而取消,始终处于全部不可输入的初始状态。(复制的时候没留意,最下面设置边长中的id=sideA,B,C已删,只有id=A,B,C) 展开
<script language="javascript">//判断对单选项的选择并对type=text的disabled属性进行remove操作
window.onload =function (){
String a1= document.getElementById.value("a");
function(){
if (a1.equals("长方形"))//若是长方形则type="text" id="A"与id="B"可输入
{ document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").removeAttribute("disabled");
}
else if (a1.equals("三角形"))
{ document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").removeAttribute("disabled");
document.getElementById("C").removeAttribute("disabled");
}
else if (a1.equals("圆"))
{ document.getElementById("A").removeAttribute("disabled");
}
};
};
</script>
<%@ page contentType="text/html;charset=GB2312"%>
<html><body bgcolor=cyan><font size=2>
<jsp:useBean id="culc" class="tk1.tank_cul" scope="session"/>//调用bean进行计算
<jsp:setProperty name="culc" property="*" />
<form action="tank_bean_cul.jsp" method=post name=form>
<br><input type="radio" id="a" value="三角形">tree
<br><input type="radio" id="a" value="长方形">four
<br><input type="radio" id="a" value="圆" checked="ok">one//选择要计算的图形
<br>边长一:<input type="text" id="A" id="sideA" disabled="disabled"> //输入边长
边长二:<input type="text" id="B" id="sideB" disabled="disabled">
边长三:<input type="text" id="C" id="sideC" disabled="disabled">
<input type="submit" value="send" name=submit>
</form></font></body></html>
思路是设计一个页面,在页面中有三个图形的单选项按钮,有三个边长的输入框。
三个输入框为不可输入,选择圆形则A的输入框可用。先择长方形则,B,A输入框可用,三角形则都可用。
现在的问题是,单选项点击后无法选择,只有默认的第三个有选择的绿点。
对三个单选项进行选择处理后,本应随选择的图形而取消disabled属性的id="A"/"B"/"C"的输入框无法使用,页面中三个输入框的disabled属性无法通过对单选项的改变而取消,始终处于全部不可输入的初始状态。(复制的时候没留意,最下面设置边长中的id=sideA,B,C已删,只有id=A,B,C) 展开
2个回答
展开全部
代码中的问题:选中是 check=“check” ,单选按钮同一个name中只能选择一个(设置name='a'),没有选择onchange事件,只是在加载的时候判断一次 ,肯定没变化...
修改后的代码:
<script language="javascript">
var a1="";
window.onload = function(){
a1= document.getElementsByName("cc").value;
changeaa();
};
function changeaa(aa){
a1= aa;
if (a1== "长方形")//若是长方形则type="text" id="A"与id="B"可输入
{
document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").removeAttribute("disabled");
document.getElementById("C").setAttribute("disabled", "disabled");
}
else if (a1=="三角形")
{
document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").removeAttribute("disabled");
document.getElementById("C").removeAttribute("disabled");
}
else if (a1=="圆")
{ document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").setAttribute("disabled", "disabled");
document.getElementById("C").setAttribute("disabled", "disabled");
}
}
</script>
<form method=post name=form>
<br>
<input type="radio" name="cc" value="三角形" checked="checked" onchange="changeaa(this.value);"/>
三角形
<br>
<input type="radio" name="cc" value="长方形" onchange="changeaa(this.value);"/>
长方形
<br>
<input type="radio" name="cc" value="圆" onchange="changeaa(this.value);"/>
圆
<br>
边长一:
<input type="text" id="A" name="sideA" disabled="disabled">
边长二:
<input type="text" id="B" name="sideB" disabled="disabled">
边长三:
<input type="text" id="C" name="sideC" disabled="disabled">
<input type="submit" value="send" name=submit>
</form>
修改后的代码:
<script language="javascript">
var a1="";
window.onload = function(){
a1= document.getElementsByName("cc").value;
changeaa();
};
function changeaa(aa){
a1= aa;
if (a1== "长方形")//若是长方形则type="text" id="A"与id="B"可输入
{
document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").removeAttribute("disabled");
document.getElementById("C").setAttribute("disabled", "disabled");
}
else if (a1=="三角形")
{
document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").removeAttribute("disabled");
document.getElementById("C").removeAttribute("disabled");
}
else if (a1=="圆")
{ document.getElementById("A").removeAttribute("disabled");
document.getElementById("B").setAttribute("disabled", "disabled");
document.getElementById("C").setAttribute("disabled", "disabled");
}
}
</script>
<form method=post name=form>
<br>
<input type="radio" name="cc" value="三角形" checked="checked" onchange="changeaa(this.value);"/>
三角形
<br>
<input type="radio" name="cc" value="长方形" onchange="changeaa(this.value);"/>
长方形
<br>
<input type="radio" name="cc" value="圆" onchange="changeaa(this.value);"/>
圆
<br>
边长一:
<input type="text" id="A" name="sideA" disabled="disabled">
边长二:
<input type="text" id="B" name="sideB" disabled="disabled">
边长三:
<input type="text" id="C" name="sideC" disabled="disabled">
<input type="submit" value="send" name=submit>
</form>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询