채택완료
<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 포인트
2015-01-21 (수) 00:28:18
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개
2015-01-21 (수) 00:37:53
2015-01-21 (수) 11:07:51
위에 주신 예제는 radio name이 다 다르고 하나씩만 있어서 해제가 안 됩니다.
원하시는 걸 하시려면 checkbox로 하셔야 합니다.
원하시는 걸 하시려면 checkbox로 하셔야 합니다.
프로그래머7
2016-09-06 (화) 14:26:05
왕계란님 radio 버튼은 required 를 안먹나보죠?
그냥 자바스크립트로 선택여부 체크해야 합니까?
검색해보면 radio도 required 먹는다도 설명이 되어있는데
실제 해보면 radio는 required가 안먹네요
그냥 자바스크립트로 선택여부 체크해야 합니까?
검색해보면 radio도 required 먹는다도 설명이 되어있는데
실제 해보면 radio는 required가 안먹네요
2016-09-06 (화) 14:58:11
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" />
이런 게 있나 보세요.
있으면 삭제
답변을 작성하려면 로그인이 필요합니다.
근데, 한번 체크하면 다시 해제는 안 되네요. 혹시 잘못 체크했을 때 해제가 되게 하려면 어떻게 ?