dialog 相关问题

index.html： index.html： <body> <dialog class="dialog"> <form class="report__form" method="dialog"> <div> <input type="radio" name="report" vale="vulgar" /> <label for="vulgar">Vulgar/Offensive Language</label> </div> <div> <input type="radio" name="report" vale="duplicate" /> <label for="Duplicate">Duplicate</label> </div> <div> <input type="radio" name="report" vale="broken" /> <label for="broken">Broken</label> </div> <button class="dialog__submit">Submit</button> </form> </dialog> <button class="open">open dialog</button> <script src="script.js"></script> </body> 脚本.js： const dialog = document.querySelector(".dialog"); const reportForm = document.querySelector(".report__form"); const submitButton = document.querySelector(".dialog__submit"); const openButton = document.querySelector(".open"); openButton.addEventListener("click", () => { dialog.showModal(); }); 我很难弄清楚如何在 HTML 对话框中检索无线电输入值。我阅读了有关无线电输入的 MDN 文档，但仍在努力让它在对话框的上下文中工作。我认为我需要设置一个默认值，循环输入，并在单击其中之一时更新该值，但我无法让它工作。首先，您需要为每个复选框提供一个 value 属性，而不是 vale 属性。从那里您可以在提交表单时选择 :checked 元素并根据需要进行处理。另请注意，for元素中的label属性需要与复选框的id相匹配。由于您的复选框没有 id，因此这不起作用。虽然您可以通过将复选框包装在 label 元素中来简化此操作，但这样您根本不需要包含 for 属性。这是经过上述更改后的工作示例： const dialog = document.querySelector(".dialog"); const reportForm = document.querySelector(".report__form"); const openButton = document.querySelector(".open"); openButton.addEventListener("click", () => { dialog.showModal(); }); reportForm.addEventListener('submit', e => { const selectedValue = reportForm.querySelector('input[type="radio"]:checked').value; console.log(selectedValue); }); <dialog class="dialog"> <form class="report__form" method="dialog"> <div> <label> <input type="radio" name="report" value="vulgar" /> Vulgar/Offensive Language </label> </div> <div> <label> <input type="radio" name="report" value="duplicate" /> Duplicate </label> </div> <div> <label> <input type="radio" name="report" value="broken" /> Broken </label> </div> <button class="dialog__submit">Submit</button> </form> </dialog> <button class="open">open dialog</button>

javascript html forms dialog radio-button

回答 1 投票 0

调用cursive.run()后如何创建一个新的对话框？

我想从“保存”按钮处理程序内部创建并显示一个新对话框。使用 std:: 线程；使用 std::time::Duration；使用草书::对齐::HAlign；使用草书::视图::{对话框，杜姆...

rust dialog cursive

回答 1 投票 0

材质切换按钮共享首选项

我在警报对话框中有一个 MaterialButtonToggleGroup，其中有 2 个按钮，如下所示：我在使共享首选项正常工作时遇到问题，以便在

android kotlin dialog sharedpreferences togglebutton

回答 1 投票 0

在 Jetpack Compose 中将对话框组件动画化

我目前有一个可以为其内容添加动画效果的对话框。它显示如下，其中 AnimatedScaleInTransition 是一个 AnimatedVisibility Composable，它扩展/收缩并使用 content() 作为...