如何通过选择复选框来控制文本输入框的有效与无效!!!!!!!急救!!!!!!!!!再线等待!!!

xm_44 2002-10-15 05:19:45
我有多个文本输入框,然后左边对应有多个复选框,如何通过看用户是否选择了左边的复选框来使得右边对应的文本输入框的有效与无效(即无效时变灰,不可填信息)?
...全文
242 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
xm_44 2002-10-16
  • 打赏
  • 举报
回复
tdl982324(石井坚) 和fason(fason)
你们好,
我要实现的效果跟你们提供的代码效果正好相反,我要实现没选复选框的时候,文本框是无效的,只有选择了复选框后,文本框才是可输的,
请问要怎么改?
ministry_bill 2002-10-16
  • 打赏
  • 举报
回复
我原来做的,看看能不能解决你的问题。

<table width="94%" border="0" cellspacing="0" cellpadding="6" align="center">
<form name="form2" method=post action=save_manage.asp?id=135 onsubmit="return FrontPage_Form1_Validator(this)">
<tr>
<td height="38" align="center"> <a href=askme.asp?id=135 target=_bland class="f14_bll"><b>放弃,还是进行到底?</b></a>
 400 分 </td>
</tr>

<tr><td class=f14_b height=1 bgcolor=#000000 colspan=3></td></tr>
<tr>
<td class=f9_b bgcolor=#EEF9FF height=24>brook</td>
<td width=40 bgcolor=#EEF9FF><input type=checkbox name=author value=brook></Td>
<td width=80 bgcolor=#EEF9FF><input type=text name=pointbrook size=10></td>
</tr>
<tr><td height=5 class=ff2 align=right colspan=3> </td></tr>
<tr><td class=f14_b height=1 bgcolor=#000000 colspan=3></td></tr>
<tr><td class=f9_b bgcolor=#EEF9FF height=24>vincent</td>
<td width=40 bgcolor=#EEF9FF><input type=checkbox name=author value=vincent></Td>
<td width=80 bgcolor=#EEF9FF><input type=text name=pointvincent size=10></td></tr>
<tr><td height=5 class=ff2 align=right colspan=3> </td></tr>
<tr><td><input type="submit" name="Submit" value="Submit"></td></tr>
</form>
<script Language="JavaScript"><!--

function FrontPage_Form1_Validator(theForm)
{
var total=0;
var points=0;
if(theForm.author.length>1){
for (i=0;i<theForm.author.length;i++){
if (theForm.author[i].checked){
var point=document.all("point"+theForm.author[i].value).value;
if(point == ""){
alert(":)别忘了给分!");
return (false);
}
total++;
points=eval(points + "+" + point);
}
}
if(points > 400){
alert(":)您只能给 400 分。");
return (false);
}
}else{
if(theForm.author.checked){
total=1;
if(theForm.pointvincent.value == ""){
alert(":)您希望给 vincent 加几分?");
return (false);
}
if(theForm.pointvincent.value > 400){
alert(":)您只能给 vincent 加 400 分。");
return (false);
}
}
}
if (total==0)
{
alert(":)您希望给谁加分?加几分?");
return (false);
}
return (true);
}
//--></script>
</table>
wpmsoft 2002-10-16
  • 打赏
  • 举报
回复
to xm_44(小月):
请问要怎么改?

答案:可以这样子改:
<input type=checkbox onclick="this.nextSibling.disabled=!this.checked"><input type=text
value=thevalue>
fason 2002-10-15
  • 打赏
  • 举报
回复
<input type=checkbox onclick="this.nextSibling.disabled=this.checked"><input type=text
value="1">
<input type=checkbox onclick="this.nextSibling.disabled=this.checked"><input type=text
value="2">
<input type=checkbox onclick="this.nextSibling.disabled=this.checked"><input type=text
value="3">
masterme 2002-10-15
  • 打赏
  • 举报
回复
<SCRIPT language=JavaScript>
function change_strucrure()
{
if(document.forms[0].check_structure.checked == true)
{
document.forms[0].part_structure.disabled = false;
}
else
{
document.forms[0].part_structure.disabled = true;
}

}
function change_plan()
{
if(document.forms[0].check_plan.checked == true)
{
document.forms[0].part_plan.disabled = false;
}
else
{
document.forms[0].part_plan.disabled = true;
}

}
</script>
<tr>
<td align="right">
平面图:
</td>
<td>
<input type="file" name=part_plan size="30" disabled=on><input type=checkbox name=check_plan onClick="change_plan()">(如有,请勾选!)
</td>
</tr>
netying 2002-10-15
  • 打赏
  • 举报
回复
<script language=javascript>
function fanhuil()
{
if(document.form1.fanhui.checked==true){
document.form1.liyou.disabled=false;
}
else{
document.form1.liyou.disabled=true;
}

}
</script>

<textarea name="liyou" cols="60" rows="4</textarea>

<input type="checkbox" name="fanhui" value="true" onclick="javascript:fanhuil();">

qimangxing 2002-10-15
  • 打赏
  • 举报
回复
两种方法:
<div onclick="toggle()">
<INPUT TYPE="checkbox" NAME="" checked><INPUT TYPE="text" NAME=""><br>
<INPUT TYPE="checkbox" NAME="" checked><INPUT TYPE="text" NAME=""><br>
<INPUT TYPE="checkbox" NAME="" checked><INPUT TYPE="text" NAME=""><br>
<INPUT TYPE="checkbox" NAME="" checked><INPUT TYPE="text" NAME=""><br>
<INPUT TYPE="checkbox" NAME="" checked><INPUT TYPE="text" NAME=""><br>
... 任意多个
</div>
<script>
function toggle(){
e=event.srcElement;
if(e.tagName=="INPUT" && e.type=="checkbox")
e.nextSibling.disabled = !e.checked
}
</script>


<script>
function change(a)
{
var thename=a.name
var o=document.getElementsByTagName("input")
for(i=0;i<o.length;i++)
if(o[i].name==thename && o[i].type=="text")
{
alert (i);
o[i].disabled = !o[i-1].checked;
}
}
</script>
<input type=checkbox name=aaa
onclick="change(this);">
<input disabled type=text name=aaa><br>
... 任意多个
lea1981 2002-10-15
  • 打赏
  • 举报
回复
<script language="JavaScript">
function chk_checkbox()
{
if(document.theForm.my_chk.checked==true){
document.theForm.my_txt.value="此时可以输入";
document.theForm.my_txt.disabled=false;}
else{
document.theForm.my_txt.value="此时不可输入";
document.theForm.my_txt.disabled=true;}
}
</script>
<form name="theForm">
<input type="checkbox" name="my_chk" onClick="JavaScript:chk_checkbox();"> <input type="text"

name="my_txt" disabled value="此时不可输入">
</form>
Reker熊 2002-10-15
  • 打赏
  • 举报
回复
<input type=checkbox onclick="this.nextSibling.disabled=this.checked"><input type=text
value=thevalue>
<input type=checkbox onclick="this.nextSibling.disabled=this.checked"><input type=text
value=thevalue>
<input type=checkbox onclick="this.nextSibling.disabled=this.checked"><input type=text
value=thevalue>

28,391

社区成员

发帖
与我相关
我的任务
社区描述
ASP即Active Server Pages,是Microsoft公司开发的服务器端脚本环境。
社区管理员
  • ASP
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧