jquery从另一个复选框控制一个复选复选框

jquery control a checkbox from another checkbox

本文关键字：复选框 一个 另一个 控制 jquery      更新时间：2023-09-26

我的复选框看起来像

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

我的代码是

$(document).ready( function() {
    $('#checkbox_1').click( function() {
        $('#checkbox_2').each( function() {
            this.checked = !this.checked;
        });
        $("#submit").click();
    });
});

问题是当我选中checkbox_1时，它不会保持选中状态(它保持取消选中状态(。。CCD_ 1之后；

希望你能得到理想的

好的好的好。。

期望的效果是：

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

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

步骤2：如果我取消选中复选框1，那么两个复选框都会再次被清除

明白了吗？

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

除非有不止一个元素，否则不需要.each。

http://jsfiddle.net/t3zgx/2/

$(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');
      }
  });
});

Fiddle

相关文章：