親選択/非選択時の子有効/無効化
jQueryで親子の有効、無効を連動
jQuery
$(function () {
// dates変更
$('input[name=dates]').change(function () {
if ($(this).val() == '1') {
// 無効
$('select').prop('disabled', true);
} else {
// 有効
$('select').prop('disabled', false);
}
});
});
HTML
<input type="radio" id="dates1" name="dates" value="1" checked>
<label for="dates1">日付未指定</label>
<br>
<input type="radio" id="dates2" name="dates" value="2">
<label for="dates2">日付指定</label>
<br>
<select name="y" disabled>
<option>2012</option>
</select>年
<select name="m" disabled>
<option value="1">1</option>
(略)
<option value="12">12</option>
</select>月
<select name="d" disabled>
<option value="1">1</option>
(略)
<option value="31">31</option>
</select>日
サンプル
