Javascript jquery控制另一个复选框中的复选框

我的复选框看起来像

<input type="checkbox" id="checkbox_1" name="artist" value="Yes">
<input type="checkbox" id="checkbox_2" name="song" value="Yes">

问题是当我选中复选框时，它不会保持选中状态（它保持取消选中状态）。。在

$（“#提交”）之后。单击（）

希望你有这个想法

好的，好的

理想的效果是：

步骤1：两个复选框都已清除

步骤2：如果选择复选框1，则两个复选框都被选中

步骤2：如果我取消选中复选框1，则两个复选框将再次清除

明白了吗

$(function () {
  $('#checkbox_1').click(function () {
    $('#checkbox_2').prop('checked', $(this).prop('checked'));
  });
});

除非有多个元素，否则不需要.each


看起来一定是发生了其他事情，或者我误解了这个问题：这似乎很好。如果你在Id而不是课堂上操作，为什么会有多个元素？嗯。。我认为有其他东西干扰了我的代码，似乎在
$（“#提交”）.click（）之后一个复选框保持选中状态，另一个保持清除状态。。它们属于不同的形式。。。
$(function () {
  $('#checkbox_1').click(function () {
    $('#checkbox_2').prop('checked', $(this).prop('checked'));
  });
});

$(function () {
    var checkbox_one = $('#checkbox_1');
    var checkbox_two = $('#checkbox_2');

    checkbox_one.click(function () {
      if(checkbox_one.prop('checked'))
      {
          checkbox_two.prop('checked', 'checked');
      }
      else
      {
          checkbox_two.removeProp('checked');
      }
  });
});