0

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

那么如何让它一旦点击就无法点击，问题出在哪里

<!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>
4

1 回答 1

1

您可以通过将 $(this).prop('disabled', true) 添加到单击事件函数来禁用它。

于 2013-09-10T17:02:07.057 回答