채택완료
<input type="radio" ~ required> 태그 관련
하나 경우엔 아래처럼 required 넣으면 필수 되잖아요.
<input type="radio" required>
그럼, 아래처럼 3개의 라디오 선택 버튼이 있을 경우,
<input type="radio" name=1>
<input type="radio" name=2>
<input type="radio" name=3>
[질문1] 셋 중 하나 필수 고르기는 어떻게 하나요?
[질문2] 셋 중 2개 이상 필수 고르기는 어떻게 하는지?
|
답변 1개 / 댓글 5개
채택된 답변
+20 포인트
Copy
<input type="radio" name="1" class="rdo" value="1" /><input type="radio" name="2" class="rdo" value="2" /><input type="radio" name="3" class="rdo" value="3" /><span onclick="_func()">셋 중 하나 필수 고르기</span><script src="http://sir.co.kr/js/jquery-1.8.3.min.js"></script><script>function _func() { if($(".rdo:checked").length > 0) { alert("적어도 하나는 고르셨습니다."); } else { alert("하나도 안 고르셨습니다."); }}</script>
이런 건 라디오 버튼보단 체크 박스가 낫지 않나요? ㅎㅎ
length > 0 여기에서 숫자만 바꿔 주시면 됩니다.
답변에 대한 댓글 5개
radio도 required 먹습니다.
아무래도 required 속성이 html5라서 ie는 10 이상부터 지원입니다.
파폭, 크롬이야 어지간해서는 업데이트가 다 되니 그냥 지원이 되겠지만 ie의 경우는 살펴 보셔야 합니다.
개발자 도구로 우측 하단에 버전이 얼마로 되어 있나 보세요.
아니면 소스 보기 하셔서
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />
이런 게 있나 보세요.
있으면 삭제
아무래도 required 속성이 html5라서 ie는 10 이상부터 지원입니다.
파폭, 크롬이야 어지간해서는 업데이트가 다 되니 그냥 지원이 되겠지만 ie의 경우는 살펴 보셔야 합니다.
개발자 도구로 우측 하단에 버전이 얼마로 되어 있나 보세요.
아니면 소스 보기 하셔서
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />
이런 게 있나 보세요.
있으면 삭제
답변을 작성하려면 로그인이 필요합니다.
근데, 한번 체크하면 다시 해제는 안 되네요. 혹시 잘못 체크했을 때 해제가 되게 하려면 어떻게 ?