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”可见如果未选中复选框，则将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

我认为你希望这种情况发生

$(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();
    }
}

Answer 3

如果我是你，我会将onclick方法设置为事件处理程序：

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

Answer 4

如果你想做纯jQuery而不是混合普通的Javascript（obj.checked）....

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

在Jquery中启用复选框

4 个答案: