由於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>

附：該ID必須具有唯一的值