Question

我在表单中有一组单选按钮，我需要将选定的radion按钮的值传递给php脚本。所以我需要构建一个json对象来发布。

我尝试使用此代码，但我不确定。请任何人帮助我。

result = [];
for (i=0; i<document.getElementsByTagName('input').length; i++) {
    if (document.getElementsByTagName('input').item(i).checked) {
        s = document.getElementsByTagName('input').item(i).name;
        r = document.getElementsByTagName('input').item(i).value;
        result.push({id:s, va:r});
}

Answer 1

如果name值是唯一的，那么只需构建一个字符串：

var result = '', inputs = document.getElementsByTagName('input');

for ( var i = inputs.length; i--; ) {
    if ( inputs[i].checked ) {
        result+= ( inputs[i].name + '=' + inputs[i].value + '&' );
    }
}

现场演示：http://jsfiddle.net/TTvkb/

然后只需在你的ajax请求中发送字符串。

Answer 2

使用jquery，以下是另一种方法：

var postData = {}, inputs = document.getElementsByTagName('input');

for ( var i = inputs.length; i--; ) {
    if ( inputs[i].checked ) {
        postData[inputs[i].name] = inputs[i].value;
    }
}

$.post('/post.php', postData, function(retData){
  // handle response
});

在javascript中构建json对象以发布到php

2 个答案: