Deaktivieren Sie eine Senden-Schaltfläche nach dem Klicken auf es in Code-Signierer

Question

Ich bin neu in PHP und Code-Signierer. Ich habe diese Aufgabe, an der ich gerade arbeite, die ein Hostel-Management-System ist. Der Student hat die Möglichkeit, die Mahlzeit zu wählen, die er essen möchte, indem er darauf auswählt. Alles, was ich versuche, ist, die Auswahltaste nach dem Klicken zu deaktivieren, mit anderen Worten, der Schüler kann einmal eine bestimmte Mahlzeit wählen.

hier ist mein Code:

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

Answer 1

Es scheint, Sie Bootstrap verwenden, können Sie Klasse "disabled" auf Klick submit

Oder versuchen Sie diese hinzufügen können, fügen Klasse dis-btn und schreiben Skript auf Ereignis klicken

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

Answer 2

Geben Sie eine Klasse zu Element, die Sie auswählen möchten. Ex 'ausgewählte Mahlzeit'.

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

Answer 3

Hier ist Beispielformular, Button und Javascript. Sie müssen es an Ihre Bedürfnisse anpassen.

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

Answer 4

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 
    }); 
});