jQuery更新复选框值，具体取决于单选字段？

Question

目标是将复选框字段更新为等于TRUE或FALSE，这取决于选择了哪个单选按钮选项。 如果我选择FALSE，则必须取消选中复选框。

如果我选择TRUE，则只能勾选复选框。 是否因为我将其定义为值？

     $(function() {
var MAIN= $("input[type='radio'][value='TRUE']");
var marketing1 = $("input[type='checkbox'][value='']");
var marketing2 = $("input[type='checkbox'][value='']");

    MAIN.on('change', function()
        {
      if ($(this).val() == "TRUE")  {
             marketing1.prop('checked',this.checked);
             marketing2.prop('checked',this.checked);
        } if ($(this).val() == "FALSE") {
             marketing1.prop('checked',this.checked, false);
             marketing2.prop('checked',this.checked, false);
        }

    });
});

从HTML

     <input type="radio" name="MAIN" value="TRUE"/> Yes
     <input type="radio" name="MAIN" value="FALSE"/> No

First -  <input type="checkbox" name="marketing1" value=""/>
Second -  <input type="checkbox" name="marketing2" value=""/> 

Answer 1

没有必要this checked 。 我已经调整了您的代码：

 $(function() { var MAIN= $("input[type='radio']"); var marketing1 = $("input[type='checkbox'][name='marketing1']"); var marketing2 = $("input[type='checkbox'][name='marketing2']"); MAIN.on('change', function() { if ($(this).val() == "TRUE") { marketing1.prop('checked',true); marketing2.prop('checked',true); } else { marketing1.prop('checked',false); marketing2.prop('checked',false); } }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="radio" name="MAIN" value="TRUE"/> Yes <input type="radio" name="MAIN" value="FALSE"/> No <br> First - <input type="checkbox" name="marketing1" value=""/> Second - <input type="checkbox" name="marketing2" value=""/>