jquery - 如何使用 jquery 禁用 html 中的部分？

Question

我有一个如下图所示的部分，

单击“我正在工作”后，我想禁用下面的部分。我不想删除该部分，我只想调暗并禁用该部分。如何使用 html 和 jquery 做到这一点？

标签： jqueryhtml

Answer 1

干得好

JSFiddle 演示

该change事件侦听复选框的更改，我使用"#checkbox". 使用它很重要，change因此您可以切换disable属性。

.attr("disabled", true);添加disabled属性。False 则相反。

$("#checkbox").change(function() {
    if(this.checked) {
        $("#end-month").attr("disabled", true);
    } else {
    	$("#end-month").attr("disabled", false);
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input id="checkbox" type="checkbox">
<label for="checkbox">I am currently working here</label>

<br>

<select id="end-month">
  <option value="date">date</option>
  <option value="another-date">another date</option>
</select>