如何启用/禁用单选按钮交互上的文本字段？

发布于 2024-11-19 17:31:37 字数 398 浏览 0 评论 0原文

无法让它发挥作用。第一次使用传递给函数的变量。取消选中单选按钮应禁用表单字段，反之亦然。 lineid 变量将此无线电/文本输入对与其他 10 个输入对区分开来。

我的代码：

<script type="text/javascript">
function disablefield(lineid){ 
if (document.getElementById(lineid).checked == true){ 
document.dupedit.lineid.disabled = false;
} else { 
document.dupedit.lineid.disabled = true;
} 
}
</script>

我的 HTML 的子集。

原文

Cannot get this to work. First time using variables passed into functions. Unchecking radio button should disable form field and vice versa. lineid variable distinguishes this radio/text input pair from 10 others.

My code:

<script type="text/javascript">
function disablefield(lineid){ 
if (document.getElementById(lineid).checked == true){ 
document.dupedit.lineid.disabled = false;
} else { 
document.dupedit.lineid.disabled = true;
} 
}
</script>

Subset of my HTML.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

青瓷清茶倾城歌 2024-11-26 17:31:37

您需要将一个字符串传递到 disablefield 函数中，因此在传递时将值放在引号中。类似于：

这是因为 document.getElementById 需要一个字符串，而不是整数。

其次，要启用/禁用该字段，您需要使用 disabled = true; 而不是 = 'disabled'。

document.dupedit.lineid 正在查找名称为“lineid”的字段，该字段在您的表单中不存在。我建议为该字段指定一个 id 并再次使用 document.getElementById 。

如果您想继续使用 name 属性，则必须使用 document.getElementsByName。这将返回一个匹配元素的数组（因为多个元素可以共享相同的名称），但如果在您的代码中您知道相关元素是唯一具有该名称的元素，您可以执行以下操作：

document.getElementsByName(lineid)[0].disabled = true;

您可以看到一个工作版本（我想这就是你想要的）这里。此处是使用getElementsByName的版本。

You need to pass a string into your disablefield function, so put the value in quotes when you pass it in. Something like:

<input onclick="disablefield('2671997')" />

This is because document.getElementById expects a string, not an integer.

Secondly, to enable/disable the field, you need to use disabled = true; rather than = 'disabled'.

document.dupedit.lineid is looking a for a field with name "lineid", which doesn't exist in your form. I would suggest giving the field an id and using document.getElementById again instead.

If you want to continue using the name attribute, you will have to use document.getElementsByName instead. This returns an array of matching elements (since multiple elements can share the same name), but if in your code you know that the element in question is the only one with that name, you can do this:

document.getElementsByName(lineid)[0].disabled = true;

You can see a working version (I think this is how you wanted it anyway) here. And here is a version using getElementsByName.

回复收藏 0 原文

往事随风而去 2024-11-26 17:31:37

您在函数上缺少右大括号：

function disablefield(lineid){ 
if (document.getElementById(lineid).checked == true){ 
document.dupedit.lineid='enabled';
}else{ 
document.dupedit.lineid='disabled';
} 
} //<-- here

另外，我可以建议您将 this 传递给该函数吗？那么你就不必调用getElementById

<input onclick='disablefield(this)' type.....

function disablefield(obj){ 
    if (obj.checked == true){ 
        document.dupedit.lineid='enabled';
    }else{ 
        document.dupedit.lineid='disabled';
    } 
}

You are missing a closing brace on the function:

function disablefield(lineid){ 
if (document.getElementById(lineid).checked == true){ 
document.dupedit.lineid='enabled';
}else{ 
document.dupedit.lineid='disabled';
} 
} //<-- here

Also, can I suggest you pass this to the function. Then you don't have to call getElementById

<input onclick='disablefield(this)' type.....

function disablefield(obj){ 
    if (obj.checked == true){ 
        document.dupedit.lineid='enabled';
    }else{ 
        document.dupedit.lineid='disabled';
    } 
}

回复收藏 0 原文