切换时的复选框状态？

Question

$(document).ready(function(){
    $("#CO_createAccount").toggle(
        function(){
            $(".CO_accountForm").show('slow');
        },
        function () {
            $(".CO_accountForm").hide('slow');
        }
    );
});

尝试使用SO中显示的几种方法来显示复选框状态，但它对我不起作用。

思想？

Answer 1

toggle用于显示/隐藏元素。

要获取状态，您可以使用jquery attr（“checked”）方法或使用HTML DOM属性选中。

试试这个：

$(document).ready(function(){ 
    $("#CO_createAccount").click( function (){ 
        if(this.checked){
            $(".CO_accountForm").show('slow');  
        } else {
            $(".CO_accountForm").hide('slow');  
        }
    });
});