由于 JQuery 功能，单选按钮默认选中不起作用

Question

我有一个按以下方式绑定到复选框的单选按钮列表。

1) 当复选框被选中时，单选按钮被启用并选中一个默认按钮（比如值=1）（三个单选按钮中只能选择一个）

2) 当复选框未被选中时，单选按钮被禁用并且它们的选择属性被移除。

我面临的问题是，由于以下 HTML 和 Jquery 代码，页面加载时单选按钮的默认选择（值=1）不起作用。我一直无法识别错误。有人可以帮忙吗？

$('#mailcheck').change(function() {
  $('input[name="freq"]').prop('disabled', !this.checked);
  $('input[name="freq"]').removeAttr('checked');
}).change();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label id="notcheck">
  <input type="checkbox" id="mailcheck" checked="checked">I want to receive an email notification of ads uploaded on my college marketplace
</label>
<br>

<ul>
  <li>
    <label>
      <input type="radio" name="freq" value="1" id="freqradio" checked="checked">Daily</label>
  </li>
  <li>
    <label>
      <input type="radio" name="freq" value="3" id="freqradio">Every 3 days</label>
  </li>
  <li>
    <label>
      <input type="radio" name="freq" value="7" id="freqradio">Weekly</label>
  </li>
</ul>

Answer 1

这是一个粗略的工作版本：

$('#mailcheck').change(function(){
    if($(this).is(':checked')) {
        $('input[name="freq"]').prop('disabled', false).first().prop('checked', true);
    } else {
        $('input[name="freq"]').prop('disabled', true).prop('checked', false);
    }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<label id="notcheck">
 <input type="checkbox" id="mailcheck" checked="checked" >I want to receive an email notification of ads uploaded on my college marketplace
</label><br>

  <ul>
   <li><label><input type="radio" name="freq" value="1" id="freqradio1" checked="checked">Daily</label></li>
   <li><label><input type="radio" name="freq" value="3" id="freqradio2">Every 3 days</label></li>
   <li><label><input type="radio" name="freq" value="7" id="freqradio3">Weekly</label></li>
  </ul>

p.s。 ID 必须具有唯一值

由于 JQuery 功能，单选按钮默认选中不起作用

Radio button default checked not working because of JQuery function

html

javascript

checkbox

jquery

radio-button