jquery - 如何在特定条件下使用 Jquery 锁定/解锁 HTML 元素？

Question

我可以用原始脚本更好地解释它。

<script>
    $(document).ready(function () {
        $("Div").  //lock div here

        var condition=$("#value").val();
        if(condition==true){unlock div here}
        else{do nothing}
    });
</script>

我必须包含任何 jquery 小部件吗？

我所说的锁定/解锁是指启用/禁用。

Answer 1

不要这样做 $("#Div").attr('disabled','true');，这里的主要问题是 1.6 (或周围的东西)如果属性值是disabled(请参阅http://jsfiddle.net/2vene/1/(并切换jquery版本))，则与== true的比较会被破坏。你应该选择 is() 。

其次div不支持disabled，请使用一些input。在这种情况下，您的代码将如下所示

<script>
  $(document).ready(function () {
    $("#controlId").attr('disabled','disabled');  //lock input control here

    var condition = $("#value").val();
    if(condition == true)
          $("#controlId").removeAttr('disabled');//{unlock input control here}
    else{do nothing}
});
</script>

您可以查看jQuery FAQ .

编辑

您可以选择在 div 上使用 readonly 来锁定/解锁机制。查看 readonly 的演示.