테스트 사이트 - 개발 중인 베타 버전입니다

체크박스 체크시 셀렉트박스 Required추가방법 도움요청드립니다. 채택완료

D2Bweb 9년 전 조회 6,774

참가신청페이지 제작중 문제가생겨서 간절히 도움요청드립니다. 

 

희망부스를 선택하면 해당하는 희망시간이 나오고 그중에 1차/2차 시간을 선택가능하게 제작했습니다. 

거의 막무가내 스크립트 조합으로 어찌 해결은 됬는데요..ㅠㅠ; 

 

문제는 시간선택을 안하고 넘어가버려서 여러 소스검색해서 required가 입력되는것까진 해봤었는데.. 

참가자가 1차시간 선택했다가..다시 2차시간으로 변경하거나 할 경우 둘다 required가 걸려버려서 넘어가질 안네요.. 

 

희망시간 체크박스 선택할때마다 timeA / timeB / timeC / timeD 등 해당 테이블안에 셀렉트박스만 required시키고 나머진 해제하고싶은데 어떻게 수정해야 가능할까요?? 

 

고수님들 제발 부탁드립니다~~

 

</p><p><table width="690" border="0" cellpadding="0" cellspacing="0"></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><tr height="45"></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td>희망 부스 <span class="s_txt">(택1)</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td></p><p><span class="Apple-tab-span" style="white-space:pre">			</span><input type='radio' name='wr_6' value='A_Both' <? if($write[wr_6] == "A_Both");?> onclick="bothchange(this.value);" required><span class="b_txt">A Both</span></p><p><span class="Apple-tab-span" style="white-space:pre">			</span><input type='radio' name='wr_6' value='B_Both' <? if($write[wr_6] == "B_Both");?> onclick="bothchange(this.value);" required><span class="b_txt">B Both</span></p><p><span class="Apple-tab-span" style="white-space:pre">		</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></tr></p><p></table></p><p> </p><p><table id="A_Both" width="690" border="0" cellpadding="0" cellspacing="0" style="display:none;"></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><col width="40%" /></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><col width="60%" /></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><tr height="10"><td colspan="2"></td></tr></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><tr height="45"></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td>희망 시간 <span class="s_txt">(택1)</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td></p><p><span class="Apple-tab-span" style="white-space:pre">			</span><input type="radio" name="time" value="timeA" onclick="timechage(this.value);"><span class="b_txt"> 1차</span></p><p><span class="Apple-tab-span" style="white-space:pre">			</span><input type="radio" name="time" value="timeB" onclick="timechage(this.value);"><span class="b_txt"> 2차</span></p><p><span class="Apple-tab-span" style="white-space:pre">		</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></tr></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><tr></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td id="timeA" colspan="2" style="display:none;"></p><p><span class="Apple-tab-span" style="white-space:pre">			</span>1차 </p><p><span class="Apple-tab-span" style="white-space:pre">			</span><select id="time_select" name='wr_8' itemname='희망 시간'></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option selected value=''>시간을 선택해주세요.</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='09:00 - 09:20' <? if($write[wr_8] == "09:00 - 09:20"); ?>>09:00 - 09:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='09:20 - 09:40' <? if($write[wr_8] == "09:20 - 09:40"); ?>>09:20 - 09:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='09:40 - 10:00' <? if($write[wr_8] == "09:40 - 10:00"); ?>>09:40 - 10:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='10:00 - 10:20' <? if($write[wr_8] == "10:00 - 10:20"); ?>>10:00 - 10:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='10:20 - 10:40' <? if($write[wr_8] == "10:20 - 10:40"); ?>>10:20 - 10:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='10:40 - 11:00' <? if($write[wr_8] == "10:40 - 11:00"); ?>>10:40 - 11:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='11:00 - 11:20' <? if($write[wr_8] == "11:00 - 11:20"); ?>>11:00 - 11:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='11:20 - 11:40' <? if($write[wr_8] == "11:20 - 11:40"); ?>>11:20 - 11:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='11:40 - 12:00' <? if($write[wr_8] == "11:40 - 12:00"); ?>>11:40 - 12:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='12:00 - 12:20' <? if($write[wr_8] == "12:00 - 12:20"); ?>>12:00 - 12:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='12:20 - 12:40' <? if($write[wr_8] == "12:20 - 12:40"); ?>>12:20 - 12:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='12:40 - 13:00' <? if($write[wr_8] == "12:40 - 13:00"); ?>>12:40 - 13:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='13:00 - 13:20' <? if($write[wr_8] == "13:00 - 13:20"); ?>>13:00 - 13:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='13:20 - 13:40' <? if($write[wr_8] == "13:20 - 13:40"); ?>>13:20 - 13:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='13:40 - 14:00' <? if($write[wr_8] == "13:40 - 14:00"); ?>>13:40 - 14:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">			</span></select></p><p><span class="Apple-tab-span" style="white-space:pre">		</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td id="timeB" colspan="2" style="display:none;"></p><p><span class="Apple-tab-span" style="white-space:pre">			</span>2차 </p><p><span class="Apple-tab-span" style="white-space:pre">			</span><select id="time_select" name='wr_9' itemname='희망 시간'></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option selected value=''>시간을 선택해주세요.</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='15:00 - 15:20' <? if($write[wr_9] == "15:00 - 15:20"); ?>>15:00 - 15:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='15:20 - 15:40' <? if($write[wr_9] == "15:20 - 15:40"); ?>>15:20 - 15:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='15:40 - 16:00' <? if($write[wr_9] == "15:40 - 16:00"); ?>>15:40 - 16:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='16:00 - 16:20' <? if($write[wr_9] == "16:00 - 16:20"); ?>>16:00 - 16:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='16:20 - 16:40' <? if($write[wr_9] == "16:20 - 16:40"); ?>>16:20 - 16:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='16:40 - 17:00' <? if($write[wr_9] == "16:40 - 17:00"); ?>>16:40 - 17:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='17:00 - 17:20' <? if($write[wr_9] == "17:00 - 17:20"); ?>>17:00 - 17:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='17:20 - 17:40' <? if($write[wr_9] == "17:20 - 17:40"); ?>>17:20 - 17:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='17:40 - 18:00' <? if($write[wr_9] == "17:40 - 18:00"); ?>>17:40 - 18:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='18:00 - 18:20' <? if($write[wr_9] == "18:00 - 18:20"); ?>>18:00 - 18:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='18:20 - 18:40' <? if($write[wr_9] == "18:20 - 18:40"); ?>>18:20 - 18:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='18:40 - 19:00' <? if($write[wr_9] == "18:40 - 19:00"); ?>>18:40 - 19:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='19:00 - 19:20' <? if($write[wr_9] == "19:00 - 19:20"); ?>>19:00 - 19:20</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='19:20 - 19:40' <? if($write[wr_9] == "19:20 - 19:40"); ?>>19:20 - 19:40</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='19:40 - 20:00' <? if($write[wr_9] == "19:40 - 20:00"); ?>>19:40 - 20:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">			</span></select></p><p><span class="Apple-tab-span" style="white-space:pre">		</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></tr></p><p></table></p><p> </p><p><table id="B_Both" width="690" border="0" cellpadding="0" cellspacing="0" style="display:none;"></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><col width="40%" /></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><col width="60%" /></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><tr height="10"><td colspan="2"></td></tr></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><tr height="45"></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td class="pop1_txt1">희망 시간 <span class="s_txt">(택1)</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td></p><p><span class="Apple-tab-span" style="white-space:pre">			</span><input type="radio" name="time" value="timeC" onclick="timechage(this.value);"><span class="b_txt"> 1차</span></p><p><span class="Apple-tab-span" style="white-space:pre">			</span><input type="radio" name="time" value="timeD" onclick="timechage(this.value);"><span class="b_txt"> 2차</span></p><p><span class="Apple-tab-span" style="white-space:pre">		</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></tr></p><p><span class="Apple-tab-span" style="white-space:pre">	</span><tr></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td id="timeC" colspan="2" style="display:none;"></p><p><span class="Apple-tab-span" style="white-space:pre">			</span>1차 </p><p><span class="Apple-tab-span" style="white-space:pre">			</span><select id="time_select" name='wr_10' itemname='희망 시간'></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option selected value=''>시간을 선택해주세요.</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='09:00 - 09:15' <? if($write[wr_10] == "09:00 - 09:15"); ?>>09:00 - 09:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='09:15 - 09:30' <? if($write[wr_10] == "09:15 - 09:30"); ?>>09:15 - 09:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='09:30 - 09:45' <? if($write[wr_10] == "09:30 - 09:45"); ?>>09:30 - 09:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='09:45 - 10:00' <? if($write[wr_10] == "09:45 - 10:00"); ?>>09:45 - 10:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='10:00 - 10:15' <? if($write[wr_10] == "10:00 - 10:15"); ?>>10:00 - 10:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='10:15 - 10:30' <? if($write[wr_10] == "10:15 - 10:30"); ?>>10:15 - 10:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='10:30 - 10:45' <? if($write[wr_10] == "10:30 - 10:45"); ?>>10:30 - 10:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='10:45 - 11:00' <? if($write[wr_10] == "10:45 - 11:00"); ?>>10:45 - 11:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='11:00 - 11:15' <? if($write[wr_10] == "11:00 - 11:15"); ?>>11:00 - 11:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='11:15 - 11:30' <? if($write[wr_10] == "11:15 - 11:30"); ?>>11:15 - 11:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='11:30 - 11:45' <? if($write[wr_10] == "11:30 - 11:45"); ?>>11:30 - 11:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='11:45 - 12:00' <? if($write[wr_10] == "11:45 - 12:00"); ?>>11:45 - 12:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='12:00 - 12:15' <? if($write[wr_10] == "12:00 - 12:15"); ?>>12:00 - 12:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='12:15 - 12:30' <? if($write[wr_10] == "12:15 - 12:30"); ?>>12:15 - 12:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='12:30 - 12:45' <? if($write[wr_10] == "12:30 - 12:45"); ?>>12:30 - 12:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='12:45 - 13:00' <? if($write[wr_10] == "12:45 - 13:00"); ?>>12:45 - 13:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='13:00 - 13:15' <? if($write[wr_10] == "13:00 - 13:15"); ?>>13:00 - 13:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='13:15 - 13:30' <? if($write[wr_10] == "13:15 - 13:30"); ?>>13:15 - 13:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='13:30 - 13:45' <? if($write[wr_10] == "13:30 - 13:45"); ?>>13:30 - 13:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='13:45 - 14:00' <? if($write[wr_10] == "13:45 - 14:00"); ?>>13:45 - 14:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">			</span></select></p><p><span class="Apple-tab-span" style="white-space:pre">		</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">		</span><td id="timeD" colspan="2" style="display:none;"></p><p><span class="Apple-tab-span" style="white-space:pre">			</span>2차 </p><p><span class="Apple-tab-span" style="white-space:pre">			</span><select id="time_select" name='wr_11' itemname='희망 시간'></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option selected value=''>시간을 선택해주세요.</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='15:00 - 15:15' <? if($write[wr_11] == "15:00 - 15:15"); ?>>15:00 - 15:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='15:15 - 15:30' <? if($write[wr_11] == "15:15 - 15:30"); ?>>15:15 - 15:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='15:30 - 15:45' <? if($write[wr_11] == "15:30 - 15:45"); ?>>15:30 - 15:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='15:45 - 16:00' <? if($write[wr_11] == "15:45 - 16:00"); ?>>15:45 - 16:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='16:00 - 16:15' <? if($write[wr_11] == "16:00 - 16:15"); ?>>16:00 - 16:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='16:15 - 16:30' <? if($write[wr_11] == "16:15 - 16:30"); ?>>16:15 - 16:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='16:30 - 16:45' <? if($write[wr_11] == "16:30 - 16:45"); ?>>16:30 - 16:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='16:45 - 17:00' <? if($write[wr_11] == "16:45 - 17:00"); ?>>16:45 - 17:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='17:00 - 17:15' <? if($write[wr_11] == "17:00 - 17:15"); ?>>17:00 - 17:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='17:15 - 17:30' <? if($write[wr_11] == "17:15 - 17:30"); ?>>17:15 - 17:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='17:30 - 17:45' <? if($write[wr_11] == "17:30 - 17:45"); ?>>17:30 - 17:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='17:45 - 18:00' <? if($write[wr_11] == "17:45 - 18:00"); ?>>17:45 - 18:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='18:00 - 18:15' <? if($write[wr_11] == "18:00 - 18:15"); ?>>18:00 - 18:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='18:15 - 18:30' <? if($write[wr_11] == "18:15 - 18:30"); ?>>18:15 - 18:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='18:30 - 18:45' <? if($write[wr_11] == "18:30 - 18:45"); ?>>18:30 - 18:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='18:45 - 19:00' <? if($write[wr_11] == "18:45 - 19:00"); ?>>18:45 - 19:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='19:00 - 19:15' <? if($write[wr_11] == "19:00 - 19:15"); ?>>19:00 - 19:15</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='19:15 - 19:30' <? if($write[wr_11] == "19:15 - 19:30"); ?>>19:15 - 19:30</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='19:30 - 19:45' <? if($write[wr_11] == "19:30 - 19:45"); ?>>19:30 - 19:45</option></p><p><span class="Apple-tab-span" style="white-space:pre">				</span><option value='19:45 - 20:00' <? if($write[wr_11] == "19:45 - 20:00"); ?>>19:45 - 20:00</option></p><p><span class="Apple-tab-span" style="white-space:pre">			</span></select></p><p><span class="Apple-tab-span" style="white-space:pre">		</span></td></p><p><span class="Apple-tab-span" style="white-space:pre">	</span></tr></p><p></table></p><p> </p><p><script type="text/javascript"></p><p>function bothchange(val) </p><p>{</p><p>    A_Both.style.display = "none"; </p><p>    B_Both.style.display = "none";</p><p> </p><p>    if(val != ""){ </p><p>        var bothobj = eval(val); </p><p>        bothobj.style.display = ""; </p><p>    } </p><p>}</p><p> </p><p>/* 희망시간 변경시 시간선택 초기화 */</p><p>$('input[name="time"]').change(function(){</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>$('select[id="time_select"]').find('option:first').attr('selected', 'selected');</p><p>});</p><p> </p><p>function timechage(val) </p><p>{</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>timeA.style.display = "none"; </p><p>    timeB.style.display = "none";</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>timeC.style.display = "none";</p><p><span class="Apple-tab-span" style="white-space:pre">	</span>timeD.style.display = "none";</p><p> </p><p>    if(val != ""){ </p><p>        var timeobj = eval(val);</p><p>        timeobj.style.display = "";</p><p>    }</p><p>}</p><p></script></p><p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
그림자밟기

D선택시

$('#timeA select').attr('required',false); 

$('#timeB select').attr('required',false); 

$('#timeC select').attr('required',false); 

$('#timeD select').attr('required',true); 

요런식은 별로고

 

select에 동일 클래스를 준뒤

$('.select').attr('required',false); 

모든 셀렉트 필수 해제 특정 아이디 하위 셀렉트 필수 지정

$('#timeC select').attr('required',true);

 

요런식으로 처리하면 되겠죵?

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

D
D2Bweb
9년 전
기존 소스에 바로 적용가능한것같진 않지만 잘 응용해서 정리해보겠습니다.
답변감사합니다..^^

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인