Javascript 通过单选按钮的名称获取选中单选按钮的值？

我已经看过关于这个的问题了，但我还是做不到。如何获取这些单选按钮的值？我不应该点名吗？HTML:

 <label for 'planet'>Planet:</label> <br>
  <input id ='mercury' type ='radio' name='planets' value='mercury'>Mercury<br>
   <input id ='venus'type ='radio' name='planets' value='venus'>Venus<br>
  <input id ='earth'type ='radio' name='planets' value='earth'>Earth<br>
  <input id ='mars'type ='radio' name='planets' value='mars'>Mars<br>
  <input id ='jupiter'type ='radio' name='planets' value='jupiter'>Jupiter<br>
  <input id ='saturn'type ='radio' name='planets' value='saturn'>Saturn<br>
  <input id ='uranus'type ='radio' name='planets' value='uranus'>Uranus<br>
  <input id ='neptune'type ='radio' name='planets' value='neptune'>Neptune<br><br>

  <button id='submit'>SUBMIT</button>

$（“输入[name='planers']：选中”）.val（）

编辑：

我在提交处理程序中看到这一行，这将取消选中所有单选按钮，所以不要这样做

---

$（“输入：无线电”）.attr（“选中”，假）
您可以获得这样的值-

checked = $('input:radio[name="planets"]:checked').val();

注意：使用布尔值时，请使用
.prop（）
而不是
.attr
基本上先取消选中所有布尔值，然后再尝试获取选中的值？是否要获取所有的无线电值？我尝试了类似的方法，它只是说“未定义”，但对于this@Veronica-请看一下演示。如果未选中任何内容，单击“提交”将给出“未定义”，否则将正确给出值。
checked = $('input:radio[name="planets"]:checked').val();