ラジオフィールドに応じてチェックボックスの値を更新する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=""/>