테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

<input type="radio" ~ required> 태그 관련 채택완료

홈짱 10년 전 조회 10,776
답변 1
목록

하나 경우엔 아래처럼 required 넣으면 필수 되잖아요.

 

<input type="radio" required>​

 

그럼, 아래처럼 3개의 라디오 선택 버튼이 있을 경우,

 

<input type="radio" name=​1>​

<input type="radio" name=​2>​​

<input type="radio" name=​3>​​​

 

[질문1] 셋 중 하나 필수 고르기는 어떻게 하나요?​

[질문2] 셋 중 2개 이상 필수 고르기는 어떻게 하는지?

 

#그누보드4
댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
쟁
쟁반짜장
10년 전

</p><p><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="<a href="<a href="http://sir.co.kr/js/jquery-1.8.3.min.js" target="_blank" rel="noopener noreferrer">http://sir.co.kr/js/jquery-1.8.3.min.js</a>"><a href="http://sir.co.kr/js/jquery-1.8.3.min.js" target="_blank" rel="noopener noreferrer">http://sir.co.kr/js/jquery-1.8.3.min.js</a></a>"></script>
<script>
function _func() {
    if($(".rdo:checked").length > 0) {
        alert("적어도 하나는 고르셨습니다.");
    } else {
        alert("하나도 안 고르셨습니다.");
    }
}
</script></p><p>

 

이런 건 라디오 버튼보단 체크 박스가 낫지 않나요? ㅎㅎ

length > 0 여기에서 숫자만 바꿔 주시면 됩니다. 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 5개

�
홈짱
10년 전
답변 고맙습니다.
근데, 한번 체크하면 다시 해제는 안 되네요. 혹시 잘못 체크했을 때 해제가 되게 하려면 어떻게 ?
�
왕계란
10년 전
위에 주신 예제는 radio name이 다 다르고 하나씩만 있어서 해제가 안 됩니다.
원하시는 걸 하시려면 checkbox로 하셔야 합니다.
�
홈짱
10년 전
그렇군요. 알려주셔서 고맙습니다.
�
프로그래머7
9년 전
왕계란님 radio 버튼은 required 를 안먹나보죠?
그냥 자바스크립트로 선택여부 체크해야 합니까?

검색해보면 radio도 required 먹는다도 설명이 되어있는데
실제 해보면 radio는 required가 안먹네요
�
왕계란
9년 전
radio도 required 먹습니다.
아무래도 required 속성이 html5라서 ie는 10 이상부터 지원입니다.
파폭, 크롬이야 어지간해서는 업데이트가 다 되니 그냥 지원이 되겠지만 ie의 경우는 살펴 보셔야 합니다.
개발자 도구로 우측 하단에 버전이 얼마로 되어 있나 보세요.
아니면 소스 보기 하셔서
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />
이런 게 있나 보세요.
있으면 삭제

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인