Jquery skripta nekorekta darbībā

[MartinsBe]

Sveiki. Ir izveidota forma, kura satur divus čekbokšus, vēlos panākt lai atveros lapu sākumā ir redzami abi čekbokši, bet uzklikšķinot uz otrā parādās input lauks papildinfo ievadei.

          <form method="post" accept="utf-8" action=".<?php echo base_url('pc/addmaintancework'); ?>.">
            <label>OS update : </label><input class="form-control" type="checkbox" id="osupdate" name="osupdate"><br>
            <label>OS konfigurācija : </label><input class="form-control" type="checkbox" id="osconfiguration" name="osconfiguration"><br>
            <div id="lauks">
              <label>Izmainītās konfigurācijas lietas : </label><input type="textbox" id="osconfigurationchange" name="osconfigurationcange"><br>
            </div>
             <input type="submit" class="btn btn-default btn-xs" value="Pievienot paveikto" name="submitmaintenancework" id="submitmaintenancework"> 
          </form>

un lai parādītu to lauku izmantoju jquery:

$(document).ready(function(){
      	var status=$("#osconfiguration").prop("checked");
           if(status== true){
              $("#lauks").show();
            }
            else if(status == false){
              $("#lauks").hide();
            } 
        });

Kopumā vēlos panakt ka sākumā ielādē formu, kur abi čekbokši ir neatķeksēti, bet ja tiek ieklikots otrais, tiktu parādīts tas div lauks ar inputu.

Labots Janvāris 28, 2015 - MartinsBe

[erikonkulis]

$(document).ready(function(){

if($('#osconfiguration').attr('checked')) {

$("#lauks").show();

} else {

$("#lauks").hide();

}

});

[MartinsBe]

pieņemu ari ieteikumus kā tas būtu labāk darāms

kkā negrib dotais variants strādāt

[erikonkulis]

tpfu bļin. šodien pārstrādājies. tā arī viņš nestrādās. jābūt šādi

$("#lauks").hide();
$('#osconfiguration').change(function() {
    if($(this).is(":checked")) {
        $("#lauks").show();
    }
    else {
        $("#lauks").hide();
    }
});

[MartinsBe]

tencinu, tagad ir ok. 

Bet paturpinot tēmu, kā būtu korektāk to lauku pievienot, jo šis ir prastākais variants, vienkārši show/hide. ? vienkārši esmu pašos js un jquery iesākumos.

[erikonkulis]

jā, show hide būs labi

[MartinsBe]

Paldies par palīdzību. Problēma tagad pilnīgi atrisināta

[bubu]

Un lai būtu vienkāršāks kods:

 

var show = $(this).is(":checked");
$("#lauks").toggle(show);