单选按钮jQuery切换问题

尝试让radiobuttons切换，发布执行适当PHP代码的表单，并更改活动类。不管我怎么做，我都不能让它工作。以下是HTML：

<form id="activeform" action="inc/togglevalid.php" method="post">
<input type="hidden" name="id" value="<? echo $events["id"];?>" />
<span class="btn-group" data-toggle="buttons">
<label class="btn btn-xs btn-default <? if ($events['valid']=='yes') echo "active";?>"><input class="radiobtn" type="radio" name="valid" id="yes" value="yes"><?=ucwords($phrase['yes']);?></label>
<label class="btn btn-xs btn-default <? if ($events['valid']=='no') echo "active";?>"><input class="radiobtn" type="radio" name="valid" id="no" value="no"><?=ucwords($phrase['no']);?></label>
</span>
</form>

一旦我添加了这段代码，它就无法工作，另一个脚本也停止工作。任何帮助都将不胜感激

热烈的问候

---

约翰

你有一些额外的副作用

此行

$（'#activeform.btn'）。在（'click'，（function（））{

1应更改为

$（'#activeform.btn'）。在（'click'，function（）{

还有“消息”：“未捕获引用错误：未定义formInput”

$（'#activeform.btn'）。在（'click'，function（）上{
//将这两行移到success函数
$（'#activeform btn'）。removeClass（'active'）；
$（this.addClass（'active'）；
////////////////////////////
var form=$（this.parents（'form'））
var formInput=form.serialize（）；
$.post（form.attr（'action'）、formInput、函数（数据）{
//在这里添加行
});
//返回false；
})

.active{
/*颜色：蓝色*/
}

对
不

如果后续脚本失败，一定是出现了错误。您在控制台中看到了什么吗？这解决了错误！我不敢相信我没有看到-：）。谢谢。但是，遗憾的是表单尚未提交。“消息”：“未捕获引用错误：未定义formInput”，在您单击radio之后，再次检查控制台日志另一件事检查单击函数（您返回的是false），这样收音机就不会“检查”这是您想要的吗？我现在有了这个。我在所有混乱过程中删除了序列化。$（'#activeform.btn'）。on（'click'，function（）{var formInput=$（this）。parents（'form'））.serialize（）；$.post（$（this.parents（'form'））.attr（'action'）、formInput、函数（data）{$（this.sibling.removeClass（'active'）；$（this.addClass（'active'）；}）；返回false；}）；唯一不起作用的是活动类更改。想法？您希望更改何时发生。发布前？还是发布后？当用户单击广播btn时，您希望发生什么？

$('#activeform .btn').on('click',(function()) {
$.post($(this).parents('form').attr('action'),formInput, function(data){
$(this).sibling.removeClass('active');
$(this).addClass('active');
});
return false;
});