флажок включить в Jquery

Question

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

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

JavaScript:

$(document).ready(function() { 

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

Привет. Это мой код, который работает на странице добавления сотрудников. если пользователь находится в режиме редактирования, значение этого значения проверяется в коде я хочу сказать в .cs. checkbox.checked ="true" означает. в этот раз мне нужно сделать так, чтобы значение tr "tr99" было видимо true если флажок не установлен, тогда сделайте tr как hide.

Answer 1

Возьмите метод toggletr из "$(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 2

Если вы хотите сделать чистый JQuery, а не смешивать в обычном Javascript (obj.checked) ....

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

Answer 3

На вашем месте я бы установил метод onclick в качестве обработчика событий:

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

Answer 4

Я думаю, что вы хотите, чтобы это произошло

$(document).ready(function() { 

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

});

Это так? Вы также можете добавить функцию напрямую

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