AJAX 加载的 div 中的 HTML 表单单选值

Question

我无法获取由 AJAX 加载到 div 中的表单中的单选值。 这是我正在使用的 JavaScript 代码： （无线电名称是 get 函数中的“categorie_add”）：

function getCheckedValue(radioObj) {
if(!radioObj)
    return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
    if(radioObj.checked)
        return radioObj.value;
    else
        return "";
for(var i = 0; i < radioLength; i++) {
    if(radioObj[i].checked) {
        return radioObj[i].value;
    }
}
return "";

}

function get(obj) {
    var poststr ="cat_title=" + escape(encodeURI(document.getElementById("cat_title").value )) +
                 "&cat_description=" + escape(encodeURI( document.getElementById("cat_description").value ))+
                 "&cat_id=" + escape(encodeURI( getCheckedValue(document.categorie_add.cat_id) ));
    makePOSTRequest('categorie.php', poststr);
}

我在 PHP 文件中有这个：

            echo '<li><input type="radio" name="cat_id" id="cat_id" value="' . $value['cat_id'] . '" /> ' . htmlentities($value['cat_title']) . '<br />';

Answer 1

我想说问题是你生成单选按钮的方式：

echo '<li><input type="radio" name="cat_id_' . $value['cat_id'] 
   . '" id="cat_id_' . $value['cat_id'] 
   . '" value="' . $value['cat_id'] . '" /> ' 
   . htmlentities($value['cat_title']) . '<br />';

尝试使用 jQuery 让你的生活变得简单。您可以得到这样的值：（

$('#cat_ul input[type=radio]:checked').val();

假设您的

标签包含在

标签中）

Answer 2

除了marvinlabs所说的之外，尝试使用chrome开发工具看看ajax返回的代码上发生了什么。您将看到确切的 ajax 响应文本以及发送到服务器的标头内容。这还包括字段及其值。

Answer 3

假设您想继续不使用 jQuery，请将代码更改为以下内容：

function getCheckedValue(radioObjArr) {
  if(!radioObjArr)
    return "";
  for (var ii = 0; ii < radioObjArr.length; i++) {
    if (radioObjArr[ii].checked) {
      return radioObjArr[ii].value;
    }
  }
  return "";
}

不过

function get(obj) {
  var poststr ="cat_title=" + escape(encodeURI(document.getElementById("cat_title").value )) +
             "&cat_description=" + escape(encodeURI( document.getElementById("cat_description").value ))+
             "&cat_id=" + escape(encodeURI( getCheckedValue(document.getElementsByName("cat_id")) ));
  makePOSTRequest('categorie.php', poststr);
}

，您当前的代码还不清楚。您在单选按钮上使用 ID（“cat_id”），但 getCheckedValue 函数还支持获取对象数组。不过，ID 必须是唯一的。
我对您的代码做了一些更改，因此您将始终使用一组对象，即使它只有一个元素。

Answer 4

您可能需要阅读本教程：

http://www.w3schools.com/jsref/prop_radio_checked.asp
http://www.w3schools.com/html/html_forms.asp
http://www.w3schools.com/htmldom/dom_methods.asp

Answer 5

我想问题在于你在 DOM 中捕获无线电对象的方式......

请编写如何调用函数 getCheckedValue 的代码。

尝试使用 Jquery 方式...

$('#cat_id:checked').val();

Jquery 很摇滚。

JavaScript 函数：

function getCheckedValue(radioObj) {
  for ( var i in radioObj )if (radioObj[i].checked) return radioObj[i].value;
  return false;
}