JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
<div class="form-group">
  <label>Is Main Meal</label>
  <div class="radio">
    <label>
                      <input type="radio" name="inputMeal" value="1" checked> Main Meal
                    </label>
  </div>
  <div class="radio">
    <label>
                      <input type="radio" name="inputMeal" value="0"> Sub Meal
                    </label>
  </div>
</div>


<div class="form-group">
  <div class="checkbox">
    <label>
                          <input type="checkbox"  name="chkIsPricing"> Is Pricing
                        </label>
  </div>
</div>

JavaScript

$('input[name="inputMeal"]').on('change', function() {
  var val = $("input[name='inputMeal']:checked").val();
  if (val == "0") {
    $('input[name="chkIsPricing"]').prop('checked', true);
  } else {
    $('input[name="chkIsPricing"]').prop('checked', false);
  }
});