<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
<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 여기에서 숫자만 바꿔 주시면 됩니다.
답변 고맙습니다.
근데, 한번 체크하면 다시 해제는 안 되네요. 혹시 잘못 체크했을 때 해제가 되게 하려면 어떻게 ?
위에 주신 예제는 radio name이 다 다르고 하나씩만 있어서 해제가 안 됩니다.
원하시는 걸 하시려면 checkbox로 하셔야 합니다.
그렇군요. 알려주셔서 고맙습니다.
왕계란님 radio 버튼은 required 를 안먹나보죠?
그냥 자바스크립트로 선택여부 체크해야 합니까?
검색해보면 radio도 required 먹는다도 설명이 되어있는데
실제 해보면 radio는 required가 안먹네요
radio도 required 먹습니다.
아무래도 required 속성이 html5라서 ie는 10 이상부터 지원입니다.
파폭, 크롬이야 어지간해서는 업데이트가 다 되니 그냥 지원이 되겠지만 ie의 경우는 살펴 보셔야 합니다.
개발자 도구로 우측 하단에 버전이 얼마로 되어 있나 보세요.
아니면 소스 보기 하셔서
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />
이런 게 있나 보세요.
있으면 삭제
