在选中单选按钮之前，必须禁用输入字段
在选中单选按钮之前，必须禁用输入字段
提问于 2019-06-26 04:45:47
我有四个字段，其中两个是文本输入字段，另一个是单选按钮。问题是，我希望文本字段被启用时，只有选择相应的单选按钮。
我尝试在单选标记中使用onclick和oncheck函数，但它对启用文本框有效，但禁用无效
<html>
<body>
<input type="radio" name="type" value="customurl" onclick="document.getElementById('text').removeAttribute('disabled')">
<input type="text" id="text" name="custom1" placeholder="should be 5 charecters at least" disabled>
<input type="radio" name="type" value="customurl" onclick="document.getElementById('sel').removeAttribute('disabled')">
<input type="text" id="sel" name="custom2" placeholder="should be 5 charecters at least" disabled>
</body>
</html>
如果我选择radio1 textbox1 is enabled，当选择单选时，textbox2 enabled但textbox1 not disabled
回答 1
Stack Overflow用户
发布于 2019-06-26 04:55:00
除了删除目标元素上的disabled属性之外，您还希望在另一个元素上设置disabled属性。这可以使用来完成。
您还需要删除onclick事件处理程序，并通过使用。我使用了来定位相关的输入。
这可以从以下几个方面看出来：
document.getElementsByTagName('input')[0].addEventListener('click', function() {
document.getElementById('text').removeAttribute('disabled');
document.getElementById('sel').setAttribute('disabled', true);
});
document.getElementsByTagName('input')[2].addEventListener('click', function() {
document.getElementById('sel').removeAttribute('disabled');
document.getElementById('text').setAttribute('disabled', true);
});<input type="radio" name="type" value="customurl">
<input type="text" id="text" name="custom1" placeholder="should be 5 charecters at least" disabled>
<input type="radio" name="type" value="customurl">
<input type="text" id="sel" name="custom2" placeholder="should be 5 charecters at least" disabled>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56761768
复制相关文章
相似问题