开发者

check box enable in Jquery

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

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

The javascript:

$(document).ready(function() { 

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

hi.this is my code that runs in add page of staff. if user is in edit mode the value that value is checked in the code i mean to say in .cs . checkbox.checked ="true" means . that time i need to make that tr value "tr99" is visiable true开发者_如何学Python if checkbox is not checked then make the tr as hide.


Take the toggletr method out of the "$(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" />


I think that you want this to happen

$(document).ready(function() { 

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

});

Is that it? You can also add the function directly

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


If I were you I'd set the onclick method to be an event handler:

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


If you wanted to do pure jQuery and not mix in normal Javascript (obj.checked)....

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

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜