怎么样让这些input的disabled=false?

yctcsms 2005-05-19 10:35:58
我的意思是：

1、当选一个checkbox，它后面的input text 的disabled=false;

2、这个表单里的input有checkbox和text，text的名称由 "num_"和checkbox的vlalue值组合而成,
例如：num_2,num_3等；

3、我的js代码不能实现这功能，希望大家帮我看看，怎么样实现。谢谢了！

注意：由于这个form表单里的input是动态生成的，所以不可以直接使用形如form1.num_3.disabled=false;的代码,也就是说 num_3 应该是 num_x （x为对应行checkbox的value值）

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试</title>
</head>

<body>
<form name='form1' method='post'>
<table width="69%" height="147" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="107">
<table align=center><tr>
<td><input type='checkbox' name='checkbox' value='2' onClick='chkclick();'></td>
<td>2</td>
<td><input type='text' name='num_2' value='100' disabled></td>
</tr>
<tr>
<td><input type='checkbox' name='checkbox' value='3' onClick='chkclick();'></td>
<td>3</td>
<td><input type='text' name='num_3' value='100' disabled></td>
</tr>
<tr>
<td><input type='checkbox' name='checkbox' value='1' onClick='chkclick();'></td>
<td>1</td>
<td><input type='text' name='num_1' value='100' disabled></td>
</tr>
<tr>
<td><input type='checkbox' name='checkbox' value='5' onClick='chkclick();'></td>
<td>5</td>
<td><input type='text' name='num_5' value='100' disabled></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><div align="center">
<input name="edit" type="button" id="edit" value="更改" onClick='record_edit();' disabled>
</div></td>
</tr>
</table>
</form>
<script language="javascript">
var oEle = document.getElementsByName("checkbox");
function chkclick()
{
for (var i=0;i<oEle.length;i++)
{
if(oEle[i].checked)
{
document.all.edit.disabled=false;
return;
}
}
document.all.edit.disabled=true;
}

function record_edit()
{
if(confirm('确认修改选择的记录吗\n\n确认修改?'))
{
document.form1.action="?";
document.form1.method="post";
document.form1.submit();
}
}
</script>
</body>
</html>
...全文
905 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
wlnh420 2005-05-19
  • 打赏
  • 举报
 回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试</title>
</head>

<body>
<form name='form1' method='post'>
<table width="69%" height="147" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="107">
<table align=center><tr>
<td><input type='checkbox' name='checkbox' value='2' onClick='chkclick();'></td>
<td>2</td>
<td><input type='text' name='num_2' value='100' disabled></td>
</tr>
<tr>
<td><input type='checkbox' name='checkbox' value='3' onClick='chkclick();'></td>
<td>3</td>
<td><input type='text' name='num_3' value='100' disabled></td>
</tr>
<tr>
<td><input type='checkbox' name='checkbox' value='1' onClick='chkclick();'></td>
<td>1</td>
<td><input type='text' name='num_1' value='100' disabled></td>
</tr>
<tr>
<td><input type='checkbox' name='checkbox' value='5' onClick='chkclick();'></td>
<td>5</td>
<td><input type='text' name='num_5' value='100' disabled></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><div align="center">
<input name="edit" type="button" id="edit" value="更改" onClick='record_edit();' disabled>
</div></td>
</tr>
</table>
</form>
<script language="javascript">
var oEle = document.getElementsByName("checkbox");

function chkclick()
{
aa=event.srcElement.value;
for (var i=0;i<oEle.length;i++)
{
if(oEle[i].checked)
{

eval("document.all.num_"+aa).disabled=false;
document.all.edit.disabled=false;
return;
}
else
eval("document.all.num_"+aa).disabled=true;
}
document.all.edit.disabled=true;
}

function record_edit()
{
if(confirm('确认修改选择的记录吗\n\n确认修改?'))
{
document.form1.action="?";
document.form1.method="post";
document.form1.submit();
}
}
</script>
</body>
</html>
梅雪香 2005-05-19
  • 打赏
  • 举报
 回复
function chkclick()
{
var val=window.event.srcElement.value;
document.all("num_"+val).disabled=!event.srcElement.checked;
for(var i=0;i<document.getElementsByName("checkbox").length;i++){
if(document.getElementsByName("checkbox")[i].checked){
document.all.edit.disabled=false;
return;
}
document.all.edit.disabled=true;;
}
}
yctcsms 2005-05-19
  • 打赏
  • 举报
 回复
谢谢 wlnh420(野狼)， zhaoxiaoyang(梅雪香@hisoft) ， cxz7531(大花猫) 的回复，也谢谢大家的关注！
wlnh420 2005-05-19
  • 打赏
  • 举报
 回复
to 回复人： yctcsms(魔术师)
产生事件的那个对象
cxz7531 2005-05-19
  • 打赏
  • 举报
 回复
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>测试</title>
</head>

<body>
<form name='form1' method='post'>
<table width="69%" height="147" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="107">
<table align=center><tr>
<td><input type='checkbox' name='checkbox' value='2' onClick='chkclick();'></td>
<td>2</td>
<td><input type='text' name='num_2' value='100' disabled></td>
</tr>
<tr>
<td><input type='checkbox' name='checkbox' value='3' onClick='chkclick();'></td>
<td>3</td>
<td><input type='text' name='num_3' value='100' disabled></td>
</tr>
<tr>
<td><input type='checkbox' name='checkbox' value='1' onClick='chkclick();'></td>
<td>1</td>
<td><input type='text' name='num_1' value='100' disabled></td>
</tr>
<tr>
<td><input type='checkbox' name='checkbox' value='5' onClick='chkclick();'></td>
<td>5</td>
<td><input type='text' name='num_5' value='100' disabled></td>
</tr>
</table>
</td>
</tr>
<tr>
<td><div align="center">
<input name="edit" type="button" id="edit" value="更改" onClick='record_edit();' disabled>
</div></td>
</tr>
</table>
</form>
<script language="javascript">
var oEle = document.getElementsByName("checkbox");
function chkclick(){
for (var i=0;i<oEle.length;i++){
document.getElementById("num_"+oEle[i].value).disabled=!oEle[i].checked;
}
document.all.edit.disabled=true;
}
function record_edit(){
if(confirm('确认修改选择的记录吗\n\n确认修改?')){
document.form1.action="?";
document.form1.method="post";
document.form1.submit();
}
}
</script>
</body>
</html>
yctcsms 2005-05-19
  • 打赏
  • 举报
 回复
event.srcElement.value; 这是什么意思呢？
怎么for循环都写这段代码？
容易被误解的disabled
1 <input disabled /> <hr /> 2 <...input disabled="false" /> <hr /> 4 <input :disabled="true" /> <hr /> 5 <input :disabled="false" /> ...
js disabled="false"不起作用
js使某表单元素不能访问：document.getElementById("text_id").disabled="true"; 如果想取消时用：document.getElementById("text_id").disabled="false";不会起作用。 正确
html的disabled属性
之后网上的一些回答迷惑了我，让我以为disabled="true" 或disabled="disabled"表示禁用，disabled="false" 表示可使用。其实浏览器只要发现元素中有diasbled属性，不管属性值是什么...
利用disabled=true，使提交按钮变成灰色，不能提交
验证用户是否正确，错误的话，会在用户名后显示用户名错误，并利用disabled=true，使提交按钮变成灰色，不能提交，正确的话，disabled=false（提交按钮不变色，可用） 步骤：先建立一个登陆表单，在用户名失焦时...
vue重点1：disabled=“false“ 在字符串模板中无效的原因
问题: 在字符串模板里对按钮设置属性的时候，想要先测试一下的，实现 的效果，但是发现失效 产生原因: 我上面的东西是写在字符串模板里的，所以布尔值在字符串模板里是字符串型的，所以我们需要将其绑定成一个变量 ...
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章