2016-07-19 16 views
0

phpとcodeigniterを初めて使用しました。私はこの作業をしています。私は現在、これはホステル管理システムです。学生は選択して食事を選ぶことができます。選択したボタンをクリックした後、選択ボタンを無効にすることができます。つまり、特定の食事を一度選択することができます。ここcodeigniterで送信ボタンをクリックした後に無効にする

は私のコードです:

<td><div><?php echo $row['type'];?></div></td <td><div><?php echo $row['content'];?></div></td> 
<td><div><?php echo $row['date'];?></div></td> 
    <td align="center"> 
<?php $is_selected=$this->db->get_where('selected_meal', array('meal_id' => $row['meal_id'],'student_id'=>$this->session->userdata('student_id')))->row()->delivered; 


<a data-toggle="modal" href="#modal-form" onclick="modal('order_meal',<?php echo $row['meal_id'];?>)" class="btn btn-gray btn-small"> 
<i class="icon-wrench"></i> <?php echo get_phrase('select');?> 
    </a> 
    <?php ?> 
     </td> 

答えて

0

あなたがブートストラップを使用しているようだ、あなたは

をクリックしますクリックで submit

をクラス"disabled"を追加したり、これを試してみてください、クラスdis-btnを追加し、イベントでスクリプトを書くことができます

$('.dis-btn').prop('disabled', true); 
0

選択したい要素にクラスを与えます。 Ex 'セレクトミール'

$('.select-meal').click(function(){ 
    $(this).attr('disabled', 'true'); 
}) 
0

ここにサンプルフォーム、ボタン、およびJavaScriptがあります。必要に応じて変更する必要があります。

<form name="myForm" id="myFormId" class="form-horizontal" method="post" action="<?php echo base_url('invoice/create_invoice');?>"> 
     ................. 
     .................... 
     <input type="submit" id = "formSubmit" class="btn btn-primary" value="Submit"> 
    </form> 

    <script type="text/javascript"> 
     document.getElementById('myFormId').onsubmit = function() { 
      document.getElementById("formSubmit").disabled = true; 
     } 
    </script> 
0

のjQuery:

//put a id attribute to the anchor id='meal' 
<a id ='meal' data-toggle="modal" href="#modal-form" 
    onclick="modal('order_meal',<?php echo $row['meal_id'];?>)" 
    class="btn btn-gray btn-small">Choose Meal</a> 


    $(document).ready(function(e) { 
    $('#meal').on('click', function() { 
     //use this in your case 
     $(this).addClass('disabled'); // for anchors 

     $(this).attr('disabled','disabled'); // for butttons 
    }); 
}); 
関連する問題