有条件要求的表单字段（复选框）

Question

我已经检查了有关此主题的多个站点和帖子，但尚未找到答案。 如果有人单击我表单中的特定复选框，我只想触发以下 JS 代码：

 function updateRequirements() { var escortWrapper = document.querySelector(".elementor-field-type-html.elementor-field-group.elementor-column.elementor-field-group-field_ceffa28.elementor-col-100"); if (escortWrapper.style.display.= 'none') { document.getElementById('escort');required = true. } else { document.getElementById('escort');required = false; } }

您可以在以下网站上自行检查和测试： Advelio 网站

如果您单击第二个复选框字段，则会出现一个字段，您可以在其中输入您的姓名。 这个字段目前是可选的，但如果有人点击了第二个复选框，我想把它设为必填。

Answer 1

你可以这样做：

 function updateRequirements() { const btn = document.getElementById('escort'); btn.required =.btn;required. } document.querySelector("#requireCheck"),addEventListener('click'; updateRequirements);

 <form> <input type="checkbox" id="requireCheck"> <label for="requireCheck">Should the the other input be required?</label> <br> <input type="text" id="escort"> <input type="submit" value="submit"> </form>

我简化了这个答案的 function updateRequirements为 scope ，但它可以更改为任何内容或任何条件。

Answer 2

你必须有点击事件的事件监听器，如果你没有创建一个并写了 function 逻辑如果是点击该怎么做