チェックボックスのチェックの活性非活性の切り替えがしたいです
コーディネーターにチェックが入った場合はにコーディネーターの東京と大阪のチェックボックスが活性化する。
オペレーターにチェックが入った場合はオペレーターの東京都大阪のチェックボックスが活性化する。
というところまではできたのですが
コーディネータにチェックが入ると東京と大阪のチェックボックスが活性化し東京にチェックを入れた後,大阪にチェックを入れると東京と大阪どちらにもチェックがついてしまします。
どちらかいっぽうにチェックを入れたらチェックを入れていないほうのチェックを外してあげたいです
<li> <input type="radio" name="applicants" id="jc01" value="コーディネーター" /> <label for="jc01">コーディネーター</label> <div class="jc_checkbox disabled_checkbox"> <input type="checkbox" name="jc01_tyo" id="jc01_tyo" value="東京" > <label for="jc01_tyo">東京 ⁄ </label> <input type="checkbox" name="jc01_osa" id="jc01_osa" value="大阪"> <label for="jc01_osa">大阪</label> </div> </li> <li> <input type="radio" name="applicants" id="jc02" value="オペレーター"> <label for="jc02">オペレーター</label> <div class="jc_checkbox disabled_checkbox"> <input type="checkbox" name="jc02_tyo" id="jc02_tyo" value="東京"> <label for="jc02_tyo">東京 ⁄ </label> <input type="checkbox" name="jc02_osa" id="jc02_osa" value="大阪"> <label for="jc02_osa">大阪</label> </div> </li> <li> javascript側 $(function () { $('input[name="applicants"]:radio').change(function () { var radio = $(this).attr("id"); if (radio == "jc01") { $("#jc01_tyo").prop('disabled', false); $("#jc01_osa").prop('disabled', false); $("#jc02_tyo").prop('disabled', true); $("#jc02_osa").prop('disabled', true); $("#jc02_tyo").prop('checked', false); $("#jc02_osa").prop('checked', false); } else if (radio == "jc02") { $("#jc01_tyo").prop('disabled', true); $("#jc01_osa").prop('disabled', true); $("#jc02_tyo").prop('disabled', false); $("#jc02_osa").prop('disabled', false); $("#jc01_tyo").prop('checked', false); $("#jc01_osa").prop('checked', false) } }) }); よろしくお願いします
回答1件
あなたの回答
tips
プレビュー