激活/取消激活单选按钮使用多个选择
问题描述:
我想创建一个使用单选按钮和多选的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);
});
答
$(this).siblings('input[type=radio]').prop('checked', true);
DEMO,你也访问.prop() vs .attr()为这些之间的详细区别
谢谢你!很简单。 – LouieV
@LouieV,很高兴我能帮忙:) – Satpal