hide/show php checkbox von id wie www.anysite.php? Id = 10

Question

Ich habe ein Formular und ein Kontrollkästchen. Wenn Sie auf das Kontrollkästchen klicken, wird ein div in anderen divs angezeigt oder ausgeblendet. Das funktioniert! Aber wenn ich meine Seite mit einer ID wie xxxxx.php? Id = 10 besuche, ist das Kontrollkästchen aktiviert, aber die divs sind versteckt. wenn ich auf das Kontrollkästchen klicken, zeigen die divs, aber das Kontrollkästchen ist nicht markiert (schlecht für zB mysql-Updates) .. hoffe mir jemand von diesem Problem helfen kann ..

Hier mein Code:

$(document).ready(function() { 
 
    $('#Show').hide(); 
 
    $("input[name=mycheckbox]").click(function() { 
 
    $('#Show').toggle(); 
 
    }); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<form id="form"> 
 
    <div class="form-group"> 
 
    <div class="form-group"> 
 
     <div class="checkbox-inline"> 
 
     <label> 
 
      <input type="checkbox" name="mycheckbox" id="mycheckbox" value="yes"> my option 
 
     </label> 
 
     </div> 
 
    </div> 
 

 
    </div> 
 
    <div id="Show"> 
 
    <div class="form-group"> 
 
     <label for="textinput" class="control-label">Company </label> 
 
     <div class=""> 
 
     <input type="text" class="form-control" name="name" id="name" placeholder="" value=""> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</form>

Mein Eingabefeld haben diesen Code (php nicht im snippet funktioniert):

<input type="checkbox" name="mycheckbox" id="mycheckbox" value="yes" <?php if (isset($_GET['id'])) {echo $row->mycheckbox == "yes" ? 'checked="checked"' : "";}?> 

dank für Ihre Hilfe!

Answer 1

Ich würde empfehlen, 10 Ereignis zu verwenden, Trigger mit .trigger('change') auf Seite laden, so dass die div synchron mit dem Status der Checkbox-Element.

Auch sollten Sie .toggle(display)

$("input[name=mycheckbox]").change(function() { 
    $('#Show').toggle(this.checked); 
}).trigger('change');