javascript - 无法同时更改复选框选中状态

Question

当我选中“星期一”的复选框时，“星期二”的选中状态会更新。它同时运行良好。

但是，一旦我点击选中或取消选中“星期二”，然后如果我选中“星期一”，“星期二”的状态就不会再更改为与“星期一”相同。选中/取消选中“星期二”后，它不会与“星期一”复选框同步。

$(function() {
  // main product upload
  $("#monday").change(function(e) {
    $("#tuesday").attr("checked", this.checked);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<input type="checkbox" id="monday" name="monday">
<input type="checkbox" id="tuesday" name="tuesday">

Answer 1

使用 prop 而不是 attr。

$(function () {
    // main product upload
    $( "#monday" ).change(function(e) {
        $( "#tuesday" ).prop("checked", this.checked);
    });       
});

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

Monday: <input type="checkbox" id="monday" name="monday" > <br/>
Tues: <input type="checkbox" id="tuesday" name="tuesday" >