关于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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你这里没有点击处理的代码啊，window.onload 这个是页面加载完毕，一次性执行的，你要对你的几个radio加个click事件才行的。然后你说只有默认的第三个有选择的点，因为你给这个radio搞了个checked属性，所以默认被选中了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
