继承人困扰我一段时间,我有几个动态生成的表单,每个表单有两个单选按钮和一个提交按钮,现在的问题是,每次我提交一个单选按钮选择,点击事件没有完全消耗直到另一个更改事件发生,这意味着如果下一个表单没有检测到单选按钮上的onchange事件,它将使用上一个事件 并且即使没有做出选择,也会产生一个值(先前提交的单选按钮)。 检查下面的代码,谢谢
$(function(){
var pName;
var selectedValue;
var checked;
$(".sel1").on('change',function(){
$checked=$(this);
alert($checked.val());
});
$(".submit_btn").on('click',function(event){
event.preventDefault();
var $this=$(this);
var $cat_id=$this.data('uid');
alert($selectedValue);
$.ajax({
url:"vote.php",
method:"get",
data:"cat_id="+$cat_id+"&hisId="+$selectedValue,
success:function(result){
alert(result);
}
})
});
});
php code
<?php
}else{
?>
<div class="col-md-4 col-lg-4 col-sm-4 col-xsm-4 col-xxl-4 mt-4">
<div class="cat_holder">
<form action="" class="ml-4">
<div class="form-group">
<label for=".sel1" class="cat_name"><?php echo $catNames; ?></label><br>
<?php
foreach($player_id as $real_player_id){
$player_name=$caller->getPlayerNames($real_player_id);
?>
<input class="text_style sel1" type="radio" name="id" value="<?php echo $real_player_id;?>"> <?php echo $player_name;?><br>
<?php
}
?>
</select>
</div>
<div class="form-row">
<div class="col-md-6 col-lg-6 col-sm-6 col-xsm-6 col-xxl-6">
<input type="submit" value="Vote" class="btn btn-primary btn-block submit_btn" data-uid="<?php echo $realcatIds;?>">
</div>
</div>
</form>
</div>
</div>