javascript - 如果选中 radio ,则需要输入字段

标签 javascript html radio-button onchange required

我能否仅在选中某个 radio 时以某种方式将所需属性插入输入字段?

我有一个名为“ladder-meters”的输入字段,默认情况下不需要填写。但是,如果用户选中名为“ladder”的单选按钮,则需要填写“ladder-meters”字段。

我的输入是这样的:

<input type="text" name="ladder-meters" id="ladder-meters">

并且应该在电台的 onchange 事件中喜欢这个

<input type="text" name="ladder-meters" id="ladder-meters" required>

最佳答案

document.getElementById("ladder").addEventListener('change', function(){
    document.getElementById("ladder-meters").required = this.checked ;
})

每当单击复选框时,required 属性将更改为匹配复选框的 checked 属性。要反转此关系,请将 this.checked 替换为 !this.checked

这可能需要一些调整以适应您的特定项目。

这将与此复选框一起使用:

<input type='checkbox' id='ladder' name='ladder' />

关于javascript - 如果选中 radio ,则需要输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11967519/

相关文章:

javafx - 将 2 个单选按钮放在一列中,且不重叠 JavaFX

html - 如何使用 CSS 为 HTML 表单中的单选按钮制作多行、垂直和水平对齐的标签?

javascript - AngularJS:单选复选框模型不会改变

javascript - 设置选择框的选定值是否会触发选择列表的更改事件?

javascript - JS : Boolean Array vs Int8Array

html - Internet Explorer 7 菜单换行

html - 如何在不影响文本的情况下为 div 类中的图像进行过渡?

javascript - 如果 div 为空,则在显示按钮之前延迟...不起作用

javascript - 在 React 中使用 Dygraph 和 redux?

javascript - 从大量选项中选择