Javascript 启用和禁用单选按钮选择上的文本框

Javascript 启用和禁用单选按钮选择上的文本框,javascript,html,Javascript,Html,我想在选择IP和其他单选按钮时启用文本框。我想禁用其他单选按钮选择 对IP很好,但我不能让它对其他工作。有人吗 函数EnableDisableTextBoxNext(){ var chkYes=document.getElementById(“chkYes”); var addmoretailsnext=document.getElementById(“addmoretailsonselection”); addMoreDetailsNext.disabled=chkYes.checked?f

我想在选择IP和其他单选按钮时启用文本框。我想禁用其他单选按钮选择

对IP很好,但我不能让它对其他工作。有人吗

函数EnableDisableTextBoxNext(){
var chkYes=document.getElementById(“chkYes”);
var addmoretailsnext=document.getElementById(“addmoretailsonselection”);
addMoreDetailsNext.disabled=chkYes.checked?false:true;
如果(!addMoreDetailsNext.disabled){
addMoreDetailsNext.focus();
}
}

FMOH
疾病控制中心
IP
其他



警告Id属性应始终是唯一的。 因此,您可以使用此代码(我向每个单选按钮添加onclick调用):

为了避免声明所有单选按钮,我还修改了JS部分和HTML部分(更改值属性和删除id属性):

函数EnableDisableTextBoxNext(){
const rbs=document.querySelectorAll('input[name=“org_rec”]”);
var addmoretailsnext=document.getElementById(“addmoretailsonselection”);
用于(苏格兰皇家银行的常数rb){
如果(rb.checked&&rb.value==“是”){
addMoreDetailsNext.disabled=false
打破
}否则{
addMoreDetailsNext.disabled=true
}
}
}

FMOH
疾病控制中心
IP
其他



这是您想要的工作方式,并且可以扩展; 我将单选按钮的值作为参数传递到函数中

功能启用禁用文本框下一步(opt){
如果(选项==“IP”| |选项==“其他”){
document.getElementById(“addmoreDetailsOnSelection”).disabled=false;
}
否则{
document.getElementById(“addmoreDetailsOnSelection”).disabled=true;
}
}

FMOH
疾病控制中心
IP
其他



谢谢。。。但是,我可以得到一个更具可扩展性的解决方案吗?而不是使用
var chkNo2=document.getElementById(“chkNo2”)用于所有单选按钮。假设它们是50个按钮?是的,我明白,我会看看我能做些什么。我只是编辑我的答案。通过此编辑,您将能够添加任意多个单选按钮,而无需更改javascript代码。