親選択/非選択時の子有効/無効化

jQueryで親子の有効、無効を連動

jQuery

$(function () { // dates変更 $('input[name=dates]').change(function () { if ($(this).val() == '1') { // 無効 $('select').attr('disabled', 'disabled'); } else { // 有効 $('select').removeAttr('disabled'); } }); });

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>日

サンプル

最新の記事

プロフィール

流されるままにウェブ業界で仕事しています。
主にLAPP環境でPHPを書いています。
最近はjQueryをよく書いています。