激活/取消激活單選按鈕使用多個選擇

Question

我想創建一個使用單選按鈕和多選的cron生成器。選擇處理作業的自定義部分，並具有附加的單選按鈕。我放置了一個偵聽器來檢查單選按鈕，如果選擇是單擊。問題是點擊另一個單選按鈕。當我這樣做時，它看起來似乎沒有被檢查，但是看着DOM，它說它檢查並點擊選擇不會直觀地檢查收音機。這裏是我想要做的enter link description here

HTML的例子：

<table class="cron-tbl">      
    <tbody>            
     <tr> 
      <td colspan="2" class="table-header">Weekdays</td>              
     </tr>            
     <tr>             
      <td class="left-txt"> 
       <label><input type="radio" name="cron-weekdays" value="*">Every Minute</label><br> 
       <label><input type="radio" name="cron-weekdays" value="*/2">Even Minutes</label><br> 
       <label><input type="radio" name="cron-weekdays" value="1-59/2">Odd Minutes</label><br> 
       <label><input type="radio" name="cron-weekdays" value="/5">Every 5 Minutes</label><br> 
       <label><input type="radio" name="cron-weekdays" value="/15">Every 15 Minutes</label><br> 
       <label><input type="radio" name="cron-weekdays" value="/30">Every 30 Minutes</label>             
      </td> 
      <td>             
       <table class="multi-select"> 
        <tbody> 
         <tr> 
          <td colspan="2"> 
           <input type="radio" name="cron-weekdays" value="select"> 
           <select size="8" name="selectWeekdays" multiple=""> 
            <option value="0">Sun</option> 
            <option value="1">Mon</option> 
            <option value="2">Tue</option> 
            <option value="3">Wed</option> 
            <option value="4">Thu</option> 
            <option value="5">Fri</option> 
            <option value="6">Sat</option> 
           </select> 
          </td> 
         </tr> 
        </tbody> 
       </table> 
      </td>   
     </tr> 
    </tbody> 
</table> 

JQuery的：

$('select[multiple]').on('click', function(event) { 
    $(this).siblings('input[type=radio]').attr('checked', true); 
}); 

Answer 1

使用.prop()而不是.attr()

$(this).siblings('input[type=radio]').prop('checked', true); 

DEMO，你也訪問.prop() vs .attr()爲這些之間的詳細區別