我的頁面上有復選框和單選按鈕。我有一些場景。當用戶選擇第一個復選框時，第一個單選框?qū)⒈贿x中，如果您取消選中該復選框，則單選按鈕將取消選中。如果用戶直接選擇單選按鈕，那么最近的復選框?qū)⒈贿x中。上述情況幾乎可以正常工作，我在第二個復選框上遇到了問題。我選擇第一個復選框，然后選擇第一個單選按鈕。如果我選擇第二個檢查，則單選按鈕正在選擇，但第一個單選未選中。$("input[type='radio']").click(function() {  $(this).closest('.reviewers-details').find('.selectRV').prop('checked', true);});$("input[type='checkbox']").click(function() {  var checkbox = $(this).closest('.reviewers-details').find('.selectRV').prop('checked');  if (checkbox == true) {    // $(this).closest('.reviewers-details').find('input[type=radio]').prop('checked', true);    $(this).closest('.reviewers-details').find('input[type=radio]:first').prop('checked', true);  } else if ($(this).prop("checked") == false) {    $(this).closest('.reviewers-details').find('input[type=radio]').prop('checked', false);  }});<div class="reviewers-details d-table sectionHeading">  <div class="d-table-cell">    <input type="checkbox" name="reviewerid[1]" class="revieweruser selectRV" value="1">test    <ul>      <li>        <input type="radio" name="reviewer_timeslot[1]" class="revieweruser" value="1">        <label>abc</label>:      </li>      <li>        <input type="radio" name="reviewer_timeslot[1]" class="revieweruser" value="3">        <label>xyz</label>:      </li>    </ul>  </div></div><div class="reviewers-details d-table sectionHeading">  <div class="d-table-cell">    <input type="checkbox" name="reviewerid[1]" class="revieweruser selectRV" value="1">demo    <ul>      <li>        <input type="radio" name="reviewer_timeslot[1]" class="revieweruser" value="1">        <label>abc</label>:      </li>      <li>        <input type="radio" name="reviewer_timeslot[1]" class="revieweruser" value="3">        <label>xyz</label>:      </li>    </ul>  </div></div><script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>