当我text1使用单个功能单击其他单选按钮时，我想禁用文本框（其ID为）。根据我的代码，当用户单击单选按钮（其ID为rd_other）时，将显示文本框。但是，当用户单击其他单选按钮时，在单击上述单选按钮（其ID为rd_other）后，该文本框不会处于禁用状态。
这是HTML我的代码。
<input type="radio" name="rd_other" id="rd_other" value="rd_other" data-toggle="radio" onchange="enableText()">Other (please specify)
<input type="text" name="text1" id="text1"class="form-control input-sm jfl" readonly="readonly" style="display: none;"/>
<input type="radio" name="rdn1" id="rdn1" value="rdn1" data-toggle="radio">I haven't received the disc
<input type="radio" name="rdn2" id="rdn2" value="rdn2" data-toggle="radio">I lost or damaged the protective cover
这是我的javaScript代码。
function enableText() {
var text1 = document.getElementById('text1');
text1.readOnly = false;
text1.style.display = 'block';
}
首先，为了确保没有混乱，仅在选择单选按钮时才会触发onchange。
其次，您必须将onchange功能连接到其他两个单选按钮。下面的功能应该起作用。
function disableText() {
var text1 = document.getElementById('text1');
text1.readOnly = true;
text1.style.display = 'none';
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句