启用/禁用jquery切换和asp面板

我正在创建一个控件，当单击按钮时，该控件将启用/禁用aspx页面的某个部分。我在jquery中找到了一个代码片段，它将对所有值执行此操作，但我想将锁定/编辑部分限制为asp面板

1） 这可能吗

2） 如何将jquery代码更改为仅切换Panel1中的字段

我对Jquery非常陌生

感谢您对我们未来的指导

测试锁定/编辑控件
$（文档）.ready（函数（）{
$（“#btnEnableDisable”）.toggle（函数（）{
$（“*”）.attr（“禁用”、“禁用”）；
$（this.attr（“disabled”，“disabled”）；
}，函数（）{
$（“*”）.attr（“禁用”和“）；
});
});




你有家吗？


拥有
租
不适用

我不使用周围的div标记来显示和隐藏面板

<script type="text/javascript">

    hideAllDivs = function () {
        $("#div_id").hide();

    };

   $("#btnEnableDisable").click(function() {

        $("#div_id").show();

    };
</script

HIDEALDIVS=函数（）{
$（“#div_id”）.hide（）；
};
$（“#btnEnableDisable”）。单击（函数（）{
$（“#div_id”）.show（）；
};
您应该在jQuery中使用panel id Panel1：

$("[id$='Panel1']").children().attr("disabled", "disabled");  

注意，这将获取一个以您的id结尾的id，因为服务器将添加到该id的开头

与
btnEnableDisable

切换是一个动画事件，您需要单击事件

因此，让我们使用您的按钮来保持事物的当前状态，然后根据您的单击启用/禁用：

$(document).ready(function() {
    $("[id$='btnEnableDisable']").data('isenabled', true);//enabled assumption
    $("[id$='btnEnableDisable']").click(function() {
        var currentState = $(this).data('isenabled');
        if (currentState) {
            $("[id$='Panel1']").children().prop("disabled", "disabled");
        } else {
            $("[id$='Panel1']").children().removeProp("disabled");
        }
        $(this).data('isenabled', !currentState);
    });
});

非常详细地说明我们在这里做什么：）

$(document).ready(function() {
    $("[id$='btnEnableDisable']").data('isenabled', true);//enabled assumption
    $("[id$='btnEnableDisable']").click(function() {
        var currentState = $(this).data('isenabled');
        if (currentState) {
            $("[id$='Panel1']").children().prop("disabled", "disabled");
        } else {
            $("[id$='Panel1']").children().removeProp("disabled");
        }
        $(this).data('isenabled', !currentState);
    });
});