使用jQuery的AJAX Radio按钮

Question

我需要帮助才能通过这样的单选按钮提交RSVP:

Attending: <input type="radio" />
Maybe Attending: <input type="radio" />
Not Attending: <input type="radio" />

每当有人RSVP事件时,它应该将输入与所选事件进行比率(因此只能选择一个单选按钮),因此当选择一个选项时,它应该对该$.ajax函数执行AJAX请求.

我这样做了:

Attending: <input type="radio" onclick="rsvpEvent(3, 1);" />
Maybe Attending: <input type="radio" onclick="rsvpEvent(2, 1);" />
Not Attending: <input type="radio" onclick="rsvpEvent(1, 1);" />

使用jQuery:

function rsvpEvent(rsvp, id)
{   
    $.ajax({
       type: "GET",
       url: "http://localhost:8888/update/test.php",
       data: "rsvp=" + rsvp + "id=" + id,
       success: function()
       {
         alert('rsvp: ' + rsvp + ' id: ' + id);
       },
       error: function()
       {
         alert('rsvp: ' + rsvp + ' id: ' + id);
       }
     });
}

这根本不起作用......问题是什么？

Answer 1

我会改变一些事情

• 我会把它变成一个真正的形式,而不仅仅是单选按钮,这样没有启用Javascript的人仍然可以参加你的精彩派对.
• 使所有单选按钮都相同,name='whatever'这样您一次只能选择一个
• 如果您使用表单,您可以使用serialize()jQuery来修复数据错误(目前您正在发送rsvp = 3id = 1,我怀疑您的函数是否期望).