안녕하세요.
Copy
<html> <head><title>1</title> <script type="text/javascript" src="/js/jquery/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery/jquery-ui-1.7.2.custom.min.js"></script> <script language="JavaScript"> $(document).ready(function() { // 해당 페이지 Loading 후, $("input[name=test1]").attr("disabled",true); $("input[name=test2]").attr("disabled",true); $("input[name=radioName]").click(function(){ // 라디오버튼 클릭 이벤트 if($("input[name=radioName]:checked").val() == "테스트2"){ $("input[name=test1]").attr("disabled",false); $("input[name=test2]").attr("disabled",false); } else { $("input[name=test1]").attr("value",""); $("input[name=test2]").attr("value",""); // 만약에 기존 textbox에 데이터가 입력된 상태에서 테스트1에 갔다가 다시 돌아왔을때를 위해 초기화 $("input[name=test1]").attr("disabled",true); $("input[name=test2]").attr("disabled",true); // 테스트1 라디오를 클릭하면 비활성화 } }); }); </script> </head> <body> <table border="0"> <tr> <td> <input type="radio" name="radioName" value="테스트1" />테스트1 <input type="radio" name="radioName" value="테스트2" />테스트2 </td> </tr> <tr> <td> <input type="text" name="test1" style="width:100px;" /> <input type="text" name="test2" style="width:100px;" /> </td> </tr> </table> </body> </html>제가 이 코드를 응용해서
Copy
<tr> <th scope="row"><label for="mb_2">학과</strong></label></th> <td> <html> <head><title>1</title> <script type="text/javascript" src="/js/jquery/jquery.min.js"></script> <script type="text/javascript" src="/js/jquery/jquery-ui-1.7.2.custom.min.js"></script> <script language="JavaScript"> $(document).ready(function() { // 해당 페이지 Loading 후, $("input[name=mb_2]").attr("disabled",true); $("input[name=tmp]").click(function(){ // 라디오버튼 클릭 이벤트 if($("input[name=tmp]:checked").val() == "이외학과"){ $("input[name=mb_2]").attr("disabled",false); } else { $("input[name=mb_2]").attr("value",""); // 만약에 기존 textbox에 데이터가 입력된 상태에서 전전,컴공에 갔다가 다시 돌아왔을때를 위해 초기화 $("input[name=mb_2]").attr("disabled",true); // 전전, 컴공 라디오를 클릭하면 비활성화 } }); }); </script> </head> <body> <table border="0"> <tr> <td> <input type="radio" name="tmp" value="전자전기공학과" <?php echo ($member['mb_2'] == "전자전기공학과") ? "checked" : "";?>>전자전기공학과 <input type="radio" name="tmp" value="컴퓨터공학과" <?php echo ($member['mb_2'] == "컴퓨터공학과") ? "checked" : "";?>>컴퓨터공학과 <input type="radio" name="tmp" value="이외학과" <?php echo ($member['mb_2'] == "이외학과") ? "checked" : "";?>>이외학과 </td> </tr> <tr> <td> <input type="text" name="mb_2" placeholder="본인의 학과를 입력하세요."style="width:200px;" id="mb_2" value="<?php echo $member['mb_2'] ?>" > </td> </tr> </table> </body> </html> </td> </tr>회원가입 폼에 이 코드를 추가했는데 이외학과 클릭 후 직접 입력 한 내용은 DB에 잘 저장되는데 전자전기공학과, 컴퓨터공학과를 선택해 가입한 경우는 DB에 저장이 안 됩니다.
어떻게 수정해야 할까요?
도와주시면 감사하겠습니다ㅠㅠ
답변 2개 / 댓글 1개
채택된 답변
+20 포인트
2016-03-01 (화) 07:54:29
코드 중에 name="tmp" 를 찾아서 모두 name="mb_2" 로 수정하시고
name=tmp 를 찾아서 모두 name=mb_2 로 수정해 보세요.
그리고, mb_2 는 사용하지 않는 여분 변수(mb_3)로 수정해 보세요.
위 코드에서 문제점은 name 을 "tmp" 로 할 경우에
회원가입 처리 페이지에서 저장되지 않기 때문입니다.
답변에 대한 댓글 1개
lmj0313
2016-03-01 (화) 14:44:00
2016-03-01 (화) 23:14:50
답변을 채택해 주셔서 감사드려요~! ^^
답변을 작성하려면 로그인이 필요합니다.
정말 감사합니다!