获取jquery中radio类型的输入字段的值

Question

我有一个如下所示的输入字段

<input class="d_o" type="radio" value="super" name="old_or_new" checked="checked"> Get this value actually</input><br/>

我必须得到输入字段的值，即Get this value actually，所以尝试了下面的jquery代码

console.log($('.d_o').text());

但令我惊讶的是，它什么也没返回，并且在尝试获取 $('.d_o').val() 之类的值时可以正常工作

那么如何使用 jquery 从上述输入字段中获取文本值，我错过了什么吗？

Answer 1

您的整个<input> 元素是

<input class="d_o" type="radio" value="super" name="old_or_new" checked="checked">

它后面的文本和 invalid html </input> 是 DOM 树中完全不同的节点。所以val 按预期返回值“super”，但text 没有返回文本。

Answer 2

.text() 方法不能用于表单输入或脚本

http://api.jquery.com/text/

虽然我不确定 jQuery 在这方面遵循什么方法：一种解释可以是每个 HTMLElement 的“内容模型”规范。

  Content model
  A normative description of what content must be included as children and descendants of the      element.

例如： 对于输入类型：http://www.w3.org/TR/html5/forms.html#the-input-element

内容模型：空。

但是对于标题元素，这被定义为

     Content model : Text 

http://www.w3.org/TR/html5/document-metadata.html#the-title-element

渴望看到这个假设的验证:)

Answer 3

<input class="d_o" type="radio" value="super" name="old_or_new" checked="checked"> Get this value actually</input><br/>

这不是处理<input> 标记的正确方法。您应该改用 :checked 和 .val()：

$(document).ready(function(){
    $('#hey').on('click', function(event){
        alert($('.check:checked').val());
    });
});

<h2>Select old or new</h2><br>

<b>Old</b>:<br>
<input type="radio" class="check" name="old_or_new" value="old"><br>

<br>

<b>New</b>:<br>
<input type="radio" class="check" name="old_or_new" value="new"><br>

<br>

<input type="button" id="hey">

检查小提琴：http://jsfiddle.net/MLWCK/