确保在提交前至少检查了一个单选按钮

时间:2018-04-09 11:28:25

标签: php jquery radio-button

继承人困扰我一段时间,我有几个动态生成的表单,每个表单有两个单选按钮和一个提交按钮,现在的问题是,每次我提交一个单选按钮选择,点击事件没有完全消耗直到另一个更改事件发生,这意味着如果下一个表单没有检测到单选按钮上的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>

0 个答案:

没有答案