从一组单选按钮中获取选定的值在 Web 开发中至关重要。但是,您当前的代码遇到返回“未定义”的问题。此问题源于通过“rates”div 获取所选值的方法。
要有效检索所选值,请使用以下代码片段:
document.querySelector('input[name="rate"]:checked').value;
此代码采用document.querySelector() 方法来定位组内选中的单选按钮。它通过指定 name 属性和 :checked 伪类来实现这一点,确保选择的准确性。一旦识别出选中的单选按钮,就会访问 value 属性以检索其关联值。
IE9 及更高版本以及所有其他现代浏览器支持此方法。它提供了一种直接可靠的方法来从一组单选按钮中获取所选值,消除您遇到的“未定义”问题。
以上是检索选定的单选按钮值时如何避免'未定义”?的详细内容。更多信息请关注PHP中文网其他相关文章!