繁体   English   中英

通过单选按钮名称获取选中的单选按钮的价值?

[英]Getting value of checked radio button by name of radio button?

我已经看过有关此问题,但仍然无法解决。 我如何获得这些单选按钮的价值? 我不应该按名字做吗? 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>

javascript:

$('#submit').on('click',function(){
  $("input:radio").attr("checked", false);
  var age = document.getElementById('age');
  age.value=' ';

  var checked = document.getElementsByName('planets').checked.value;
    alert(checked);
});

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

JSFIDDLE演示

编辑:

我在您的提交处理程序中看到此行,它将取消选中所有单选按钮,因此请不要这样做。

$("input:radio").attr("checked", false);

您可以这样获得价值-

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM