Question

我的复选框看起来像

<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时，它不会保持检查状态（它会被取消选中）..在$("#submit").click()之后;

希望你得到想法

好的确定好..

期望的效果是：

步骤1：清除两个复选框

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

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

得到它？

Answer 1

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

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

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

Answer 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

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

2 个答案: