javascript - jQuery:如何打印单选按钮的文本标签？

Question

如果代码是

<form>
  <input type="radio" name="font"> Arial</input><br>
  <input type="radio" name="font"> Times New Roman</input><br>
  <input type="radio" name="font"> Monaco</input><br>
</form>

<script>

  $('form input').each(function(i, e) {
      alert($(this).text())
  })

</script>

它显示 3 个空字符串。如何显示3种字体名称？

尝试一下:http://jsfiddle.net/bKhsp/3/

Answer 1

<input> 中不能包含文本标签 - 即使浏览器会尝试渲染它，它也是无效的 HTML，如果您愿意，您应该使用 <label> 包装器(也使文本保持可点击)，如下所示:

<form>
  <label><input type="radio" name="font" value="Arial"> Arial</label><br>
  <label><input type="radio" name="font" value="Times New Roman"> Times New Roman</label><br>
  <label><input type="radio" name="font" value="Monaco"> Monaco</label><br>
</form>

使用循环来匹配:

$('form input').each(function(i, e) {
  alert($(this).parent().text()); //for the label text
  alert($(this).val()); //for the input value
});

You can view the updated/working fiddle here 。出于回发原因，您可能需要 value也适用于输入，因此值为 font已发送。