case à cocher permet à Jquery

Question

<tr id="tr99"><td>......</td></tr> 

<input type="checkbox" onclick="toggletr(this);" value="val" id="cbox" /> 

Le javascript:

$(document).ready(function() { 

function toggletr(obj) 
{ 
    if(obj.checked) 
     $(#tr99).hide(); 
    else 
     $(#tr99).show(); 
} 

hi.this est mon code qui fonctionne dans la page ajouter du personnel. si l'utilisateur est en mode édition, la valeur dont la valeur est vérifiée dans le code je veux dire dans .cs. checkbox.checked ="true" signifie. cette fois j'ai besoin de faire que tr valeur "tr99" est visible vrai si case à cocher n'est pas cochée puis faire le TR comme cacher.

Answer 1

Je pense que vous voulez que cela se produise

$(document).ready(function() { 

    function toggletr(obj){ 
     if(obj.checked){ 
      $("#tr99").show(); 
      $("#cbox").attr("value", "tr99"); 
     }else { 
      $("#tr99").hide(); 
     } 
    } 

}); 

Est-ce bien cela? Vous pouvez également ajouter la fonction directement

function toggletr(obj){ 
    if(obj.checked){ 
     $("#tr99").show(); 
     $("#cbox").attr("value", "tr99"); 
    }else { 
     $("#tr99").hide(); 
    } 
} 

Answer 2

Prenez la méthode toggletr de la « $(document).ready(function() { »

<script type="text/javascript"> 
    function toggletr(obj){ 
     if(obj.checked) 
      $('#tr99').hide(); 
     else 
      $('#tr99').show();} 
</script> 
<tr id="tr99"><td>......</td></tr> 
<input type="checkbox" onclick="toggletr(this);" value="val" id="cbox" /> 

Answer 3

Si j'étais vous, je mets la méthode onclick pour être un gestionnaire d'événements:

$(function(){ 
$('#cbox').click(function(){ 
    if(this.checked){ 
     $("#tr99").show(); 
     $("#cbox").attr("value", "tr99"); 
    }else { 
     $("#tr99").hide(); 
    } 
}); 
}); 

Answer 4

Si vous vouliez faire jQuery pure et pas mélanger en Javascript (obj.checked) normale ....

$(function(){ 
    $("#cbox").click(function(){ 
     if($(this).is(":checked")){ 
      $("#tr99").show(); 
     }else{ 
      $("#tr99").hide(); 
     } 
    }); 
});