设置第一个单选按钮检查并在 jquery 中获取值

Question

我有 3 个单选按钮，我试图将第一个单选按钮设置为选中状态，我做到了，但默认情况下我没有通过检查第一个按钮获得价值。为此，我尝试过.trigger('change)，.click()但没有奏效。

这是我的按钮截图：

如果我点击它，那么我就会获得价值，否则它不会给出他的价值。

有人可以告诉我我在做什么错吗？

$(document).ready(function() {

  $('.package_validity_child').each(function() {

    $("input[name='plan_name_selector']", this).get(0).checked = true;

  }).trigger('change');

  $('.plan_name').change(function() {

    var plan_name = $(".selected_plan_name").val();

    if (plan_name === 'Daily') {

      $('.days_names').css('display', 'none');

      $('.select_days').css('display', 'none');

    } else {

      $('.days_names').css('display', 'block');

      $('.select_days').css('display', 'block');

    }

  });

  $("input[name='plan_name_selector']").click(function() {

    var value = $("input[name='plan_name_selector']:checked").val();

    $('.selected_plan_name').val(value);

    $('.selected_plan_nameVal').html("You have chosen <b>" + value + "</b> validity.");

  });

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<div class="package_validity_child">

  <div class="custom-control custom-radio custom-control-inline">

    <input type="radio" class="custom-control-input plan_name" id="daily" name="plan_name_selector" value="Daily">

    <label class="custom-control-label" for="daily">Daily</label>

  </div>

  <div class="custom-control custom-radio custom-control-inline">

    <input type="radio" class="custom-control-input plan_name" id="weekly" name="plan_name_selector" value="Weekly">

    <label class="custom-control-label" for="weekly">Weekly</label>

  </div>

  <div class="custom-control custom-radio custom-control-inline">

    <input type="radio" class="custom-control-input plan_name" id="monthly" name="plan_name_selector" value="Monthly">

    <label class="custom-control-label" for="monthly">Monthly</label>

  </div>

  <input type="" name="plan_name" class="form-control ml-4 mt-2 w-50 selected_plan_name" />

</div>