Question

我正在尝试使用单选按钮和多个选择创建一个cron生成器。 select处理作业的自定义部分，并附加一个单选按钮。如果单击选择，我会放置一个检查单选按钮的监听器。问题是单击另一个单选按钮。当我这样做时，它在视觉上似乎没有被检查，但看着它说它检查并点击后面的选择不会在视觉上检查无线电。以下是我正在尝试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()了解这些

之间的详细差异

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

1 个答案: