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

Question

我能否仅在选中某个 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>

Answer 1

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' />