2017-01-05 2 views
-2

Ich habe Formular mit mehreren Kontrollkästchen und ich möchte, dass diese Kontrollkästchen nach ihren Werten aus der Datenbank mit jquery nach dem Klicken auf Bearbeiten Schaltfläche überprüft werden? Vielen Dank im Voraus ..Aktualisieren von Kontrollkästchen mit jquery ajax

Hier ist Ansicht:

<form id="frmAddBand" name="frmAddBand" method="post" action="" onsubmit="return (checkc() == 1)"> 

      <fieldset> 

       <ol> 
        <li> 
         <label >Band Code <em>*</em></label> 
         <input id="bandCode" type="text" name="bandCode" /> 
         <span id="code_status" style="color:red;" ></span> 
        </li> 
        <li> 
         <label >Band Name<em>*</em></label> 
         <input id="bandName" type="text" name="bandName" /> 

        </li> 
        <li> 
         <label >Designation<em>*</em></label><br/><br/><div style="height:100px;background-color:#fff;overflow:auto;"><br/><?php $des_code = array_keys($designation); 
           $des_name = array_values($designation); 
          for($i=0;$i<count($des_code);$i++){?> 
         <input type="checkbox" name="des" id="des" value="<?php echo $des_code[$i];?>"/><span style="font-size:12px;"><?php echo $des_name[$i];?></span><br/><br/><?php }?> 
         </div> 
        </li> 

              <li class="required new"> 
              <input type="text" id="demo" name="demo" /> 
         <em>*</em> Required field      </li> 
             </ol>  


            <p><input id="click_submit" name="click_submit" Value="Save" type="button"> 
        <input id="click_cancel" name="click_cancel" Value="Cancel" type="button" >     
       </p> 

      </fieldset> 
     </form> 

Controller:

public function band_edit($id) 
      { 
      $this->load->helper('url'); 
      $this->load->database(); 
      $this->load->model('Ohs_Bandmodel'); 


      $data = $this->Ohs_Bandmodel->get_by_id($id); 
       echo json_encode($data); 
      } 

Skript:

function edit_band(id) 
        { 

         $("#frmAddBand")[0].reset(); 

         //Ajax Load data from ajax 
        $.ajax({ 
          url : "<?php echo base_url(); ?>index.php/Ohs_Cband/band_edit/" + id, 
          type: "GET", 
          dataType: "JSON", 
          success: function(data) 
          { 
        var b=data.desig; 
        var arr = b.split(","); 
        //alert(arr[1]); 
           for(i=0;i<arr.length;i++){ 
            $('input[type=checkbox]').each(function(){ 
             //alert(arr[i]); 
             if($(this).val()==arr[i]){ 
           $(this).prop('checked', true); 
           } 
           else{ 
            $(this).prop('checked', false); 
           } 
           }) 
           } 
           $('[name="bandCode"]').val(data.band_code); 
           $('[name="bandName"]').val(data.band_name); 

           $('[name="click_submit"]').val('Update'); 
           $('[name="bandCode"]').attr("readonly", true); 
           $('[name="bandCode"]').css('background-color' , '#DEDEDE'); 
           //$("#click_cancel").attr('visibility', 'visible'); 
           $('#click_cancel').show(); 
          }, 
          error: function() 
          { 
           //alert('Error get data from ajax'); 
           $('[name="bandCode"]').attr("readonly", false); 
           $('[name="bandCode"]').css('background-color' , '#FFF'); 
           $('[name="bandCode"]').removeAttr("disabled"); 
           $("#Notify").data("mtype","E"); 
           $("#Notify").data("msg","error in record.") 
           $('#Notify').trigger('click'); 
           //$("#click_cancel").attr('visibility', 'hidden'); 
          } 
         }); 
        } 

this is my form

wenn ich auf bearbeiten re Schnur alles funktioniert gut, sondern 2 Checkbox Überprüfung basierend auf Daten in Datensätzen wäre es prüft nur 1 checkbox.Any Hilfe appreciated.THANKS sein

+0

einfügen Sie einen Code –

+0

Sie müssen Ihren Code für das Formular und die PHP hinzufügen, die Sie bereits haben. Was hast du selbst versucht und in welche Probleme bist du geraten? Ihre Frage ist sehr einfach und braucht etwas Bearbeitung. – Option

+0

Bitte formatieren Sie Ihren Code in Ihrer Frage, es kann mit hightlighting Code und STRG + K gemacht werden, danke! – Alex

Antwort

0

eine Checkbox in jQuery zu aktivieren/deaktivieren:

1 - Überprüfen Sie,

$("yourCheckboxId").prop("checked",true); 

2 - deaktivieren

$("yourCheckboxId").prop("checked",false); 

Verwenden Sie einfach dieses Codebeispiel in Ihrer Logik

+0

Nein im Grunde habe ich Datensätze, die ich so aktualisieren möchte, wenn ich auf Datensätze bearbeiten klicken, alle Daten sollten dort in der HTML-Form sein. Also ich möchte, dass die Checkboxen entsprechend ihrem Wert in der Form auf Bearbeitung überprüft werden, klicken Sie auf –

+0

Ich habe Array von Datensätzen so mit jquery ich möchte nur die Checkbox, deren Wert im Array ist. –

Verwandte Themen