如何通过jquery POST单选按钮值

时间:2010-01-19 22:50:23

标签: javascript jquery

我有这个示例代码:

 while ($row = mysql_fetch_object($result1)) {                  
                    echo '<input type="radio" name="vote" value='.$row->avalue.'/>&nbsp;';
                    echo '<label >'.$row->atitle.'</label><br>';
                }

这会显示4个单选按钮及其标签。 现在我使用以下jquery函数进行POST。

$("#submit_js").click(function() {
    $.post(
    "user_submit.php", 
    {//how to POST data?}, 
    function(data){
    });
});

我想发布与单选按钮关联的值。但我该如何选择价值呢? 如何确定选择了哪个单选按钮并将其发布?

3 个答案:

答案 0 :(得分:10)

$("[name='vote']:checked").val()将为您提供所选单选按钮的值。

$("#submit_js").click(function() {
  $.post(
  "user_submit.php", 
  {vote: $("[name='vote']:checked").val()}, 
  function(data){
  });
});

答案 1 :(得分:3)

如果没有选择单选按钮,单选按钮将不会添加到序列化字符串中。在这种情况下,我们可以通过添加另一个完全相同的方法来解决方法:

<input type="radio" name="vote" value="" checked style="display:none;">

答案 2 :(得分:2)

Jquery序列化是执行此类操作的最佳方式: http://docs.jquery.com/Ajax/serialize

$("#submit_js").click(function() {
    $.post(
    "user_submit.php", 
    $("form").serialize(), 
    function(data){
    });
});