激活/取消激活单选按钮使用多个选择

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()为这些之间的详细区别