jsp 有两个radio 当radio被选中时,禁用textInput
时间: 2024-05-06 11:21:16 浏览: 48
可以通过以下代码实现:
```
<script>
function disableTextInput() {
var radio1 = document.getElementById("radio1");
var radio2 = document.getElementById("radio2");
var textInput = document.getElementById("textInput");
if (radio1.checked || radio2.checked) {
textInput.disabled = true;
} else {
textInput.disabled = false;
}
}
</script>
<input type="radio" name="radioGroup" id="radio1" onchange="disableTextInput();" />
<input type="radio" name="radioGroup" id="radio2" onchange="disableTextInput();" />
<input type="text" id="textInput" />
```
当radio1或radio2被选中时,textInput将被禁用,否则textInput将可以编辑。需要注意的是,每个radio需要指定相同的name属性,这样它们就被看作一个单选组。onchange事件将调用disableTextInput()函数,这个函数将根据所选的radio状态禁用或启用textInput输入框。