예약 시스템에서 선택시 버튼 활성화..
본문
예약 시스템에서 선택시 버튼 활성화하고 싶은데
위 사진과 같이 젤 앞쪽 버튼을 선택하면 기간과 명수 선택할 수 있는 버튼이 활성화 되게 만들고 싶습니다.
선택이 안되었을때에는 버튼이 비활성화되어있고 따로 설정할 수 없도록 만들고 싶은데 어떻게하면 될까요??
답변 2
위 화면을 보아하니 PHP의 Loop를 이용해서 생성한 배열구조의 테이블인듯 싶스빈다.
name값을 배열구조일것이고, 각 항목들 역시 배열의 루핑키를 첨자로 사용하는 형태일터인데
방식은 여러가지가 있지만
checkbox 의 class 가 checked 되었을때
해당 row의 값을 체크할 키값이 존재해야 옆의 입력항목들을 활성화시킬수있습니다.
우선 비활성화 먼저
loop를 만들때 disabled 값으로 셋팅되게 하시고
checkbox가 체크되었을때 loop의 id를 동일하게 첨자로 처리하시면
다루기가 좀 수월해집니다.
jquery로 찾아가는 패턴이 있긴합니다.
저는개인적으로 개별 id를 부여하는게 낫다고 봅니다.(명료하게 접근되니까요)
각 태그에 id를 중복되지 않게 부여하시고
checkbox 체크시에 id값이 다른 태그의 패턴id값+체크된ID로 이름을 구성하시면
접근이 수월해질겁니다.
접근된 태그에 대해서 disabled 를 false로 하면 활성화됩니다.
체크해제도 확인해서 체크해제시는 값을 버리고, 다시 비활성화 시켜야겠죠
해당 페이지 html을 보여 주셔야 합니다.
php 코드가 섞인 것 말고 웹에서 실행한 후 소스 보기로 본 html 코드요.
답변을 작성하시기 전에 로그인 해주세요.