Question

这是我的主页面，我有单选按钮，当点击时，一个值将通过ajax传递，结果由ajax检查，并显示每个问题的相应输出正确/不正确。问题是我的unbind事件工作正常，一旦我点击单选按钮答案被检查，结果显示，没有任何反应，当我再次点击，但问题是点击事件没有删除我可以再次点击，再次认为该功能正在工作很好，只有一次。

那么如何让点击后无法点击，问题在哪里

<!doctype html>
<head>
<link href="<?php echo base_url('css/style.css');?>" type="text/css" rel="stylesheet"/>
<script src="<?php echo base_url('javascript/jquery.js');?>" rel="javascript" type="text/javascript"></script>
</head>
<body>  
<div id="wrapper">

<div id="main-content">

<?php foreach($result as $rows):?> 
<form>  
 <div class="question-box"> 
 <?php  echo '<h1 class="Qbanner">Q.</h1>'.'<h2>'.$rows->question.'</h2></br>';?>
                        <input  type="radio" name="<?php echo $rows->question_id;?>" value="a"><?php echo $rows->option1;?>
                        <input  type="radio" name="<?php echo $rows->question_id;?>" value="b"><?php echo $rows->option2;?>
                        <input  type="radio" name="<?php echo $rows->question_id;?>" value="c"><?php echo $rows->option3;?>
                        <input  type="radio" name="<?php echo $rows->question_id;?>" value="d"><?php echo $rows->option4;?>

                         <h5 class="result"></h5> 
                       </div>
                     </form>


                 <?php endforeach;?>
            </div>               
    </div>      
<!-- wrapper div ends -->

    <script>
    $(document).ready(function(){
    var clickedval,qid; 
    $("input:radio").bind('click',function(e){

    clickedval=$(this).val();
    qid=$(this).attr('name');
    var siteurl='<?php echo site_url();?>' + '/site/checkAnswer';

    $this=$(this).parent("div.question-box");
        $allradio=$(this).parent("div.question-box").children();

    $.ajax({
    url:siteurl,
    dataType:'json',
    type:'post',                                                   data:{'answer':clickedval,'questionid':qid},
success:function(data){ 

$this.find('.result').html(data.resultstatus);

$allradio.unbind('click');  
    }   

});
}); 
});

</script>

</body>
</html>

Answer 1

您可以通过将$（this）。prop（'disabled'，true）添加到您的点击事件功能来禁用它。

jquery unbind事件使函数工作一次但事件重复

1 个答案: