javascript - 类型错误 : Cannot read property 'value' of null

Question

用于回答测验的单选按钮，我的单选按钮是

<input id="ans_ans1" name="ans" type="radio" value="ans1">

我的下一个 ajax 请求是

<a href="#" onclick="Element.show('loader'); jQuery.ajax({data:'answer='+$('ans').value+'&amp;passed_question=1&amp;'+'&amp;exam_group_id=1&amp;' + '&amp;authenticity_token=' + encodeURIComponent('GGKdjhC39b1Fi5fe52Cq0VcPwpi6laphZblC/5ZOl8o='), dataType:'script', success:function(request){Element.hide('loader')}, type:'post', url:'/answers/next'}); return false;">Next</a>

在我的控制台中

$('ans').value gives TypeError: Cannot read property 'value' of null

谁能帮我获取ajax请求中单选按钮的值

Answer 1

在我看来，您正在使用 jQuery 和 Prototype 或 MooTools 的混合。 (请参阅下文了解原因。)

如果是这样，我的第一个建议是停止这样做。选择一个并在整个过程中使用它。

但您的主要问题是您正在使用不存在的 id ("ans") 查找元素。 id 是 ans_ans1。所以要么:

$("ans_ans1").value         // Prototype / MooTools using raw `value` prop

或

$("ans_ans1").getValue()    // Prototype
$("ans_ans1").get('value'); // MooTools

或

jQuery("#ans_ans1").val()   // jQuery

---

我认为您混合使用库的原因:

1. 你说过:

   $('ans').value gives TypeError: Cannot read property 'value' of null

   这对 jQuery 毫无意义。 jQuery 的$ 函数总是返回非null。它可能会返回一个空 集，但它会返回非null。而来自 Prototype 或 MooTools 的 $ 将返回 null 如果没有匹配 id 的元素(并且没有，在你的例子中).

2. 当调用 jQuery 的 ajax 时，您使用的是符号 jQuery，而不是 $，这表明您是使用 jQuery 的 noConflict，这样您就可以让 Prototype 或 MooTools 与它共存(因为它们需要 $)。