Javascript 访问在html标记之间滑动的单选按钮的值

我的页面中多次出现以下代码：

<div>
   <input type="hidden" name="product" id="productF3" value="7">
   <div>
    <input type="radio" name="size" id="size_s" value="3"> small size
   </div>
   <div>
   <input type="radio" name="size" id="size_n" value="4"> regular size
   </div>
</div>

但我想要一个更强大的解决方案，有什么建议吗

谢谢

首先将

$（“productF3”）

更改为

$（“#productF3”）

。第二，你为什么不使用

$("#productF3").parent().find("input[type='radio'][name='size']:checked").val()

---

要获取选中的单选值？

我发布的html代码在我的页面上出现了好几次，因此我需要确保获取“productF3”旁边的选中单选按钮的值。您想要单选按钮而不是复选框，并且根据“要在现代浏览器中获得更好的性能，请改用[type=“checkbox”]：收音机也有同样的评论。@Hubrus现在检查一下@克里斯，你说得对。我被那些

:checked

选择器：）弄糊涂了。此行有一个错误：Uncaught SyntaxError:意外字符串。如果我使用$（“#productF3”）.parent（）.find（“：radio[name='size']：checked”）.val（）；如果选择第一个单选按钮，我将获得正确的值，但如果选中第二个单选按钮，它将返回undefined

$("#productF3").parent().find("input[type='radio'][name='size']:checked").val()