利用 JavaScript 确定选定的单选按钮值
要从一组单选按钮中获取选定的值,'value' 属性必须访问与选中的单选按钮关联的。在 Internet Explorer 的早期版本中,这需要特定的方法。但是,对于 IE9 及后续版本以及所有其他浏览器,可以使用简化的方法:
document.querySelector('input[name="rate"]:checked').value;
此代码片段利用 querySelector() 方法来选择具有“名称”的输入元素属性设置为“rate”,“checked”属性设置为“true”,表示选中的单选按钮。然后它返回所选单选按钮的“value”属性。
在提供的 HTML 中:
<div>
执行以下代码将产生所选值:
var rate_value = document.querySelector('input[name="rate"]:checked').value;
例如,如果选中值为“Multi Rate”的单选按钮,则“rate_value”将设置为“Multi Rate”。通过利用这种方法,无论选择哪个特定单选按钮,都可以有效地获取所选值。
以上是如何使用 JavaScript 获取选定单选按钮的值?的详细内容。更多信息请关注PHP中文网其他相关文章!