체크박스 필수선택 질문드립니다. 채택완료
여분 필드를 만들어서 아래처럼 체크박스를 만들었습니다.
그냥 text나 radio는 required 만 넣어주면 간단히 필수 항목 만들수 있는데 체크박스는 어렵네요.
이곳저곳 검색해도 안되서 문의 드립니다.
<input type="checkbox" name="wr_27" value="사과"<?php echo ($write['wr_27'] === "사과") ? " checked" : ""; ?>> 사과
<input type="checkbox" name="wr_28" value="배"<?php echo ($write['wr_28'] === "배") ? " checked" : ""; ?>> 배
<input type="checkbox" name="wr_29" value="수박"<?php echo ($write['wr_29'] === "수박") ? " checked" : ""; ?>> 수박
어떤식으로 해야 3개 체크박스중 한개이상 필수 선택을 하게 만들수 있을까요?
답변 3개
<input type="checkbox" class='mychk'~~~ <---이렇게 체크박스 모두 class를 넣으세요
function fwrite_submit(f)
{
if( !$('.mychk:checked').length){ alert('체크박스를 하나 이상 체크하세요'); return false; }
답변에 대한 댓글 2개
댓글을 작성하려면 로그인이 필요합니다.
</p>
<p><script src="<a href="http://code.jquery.com/jquery-latest.min.js"></script>" target="_blank" rel="noopener noreferrer">http://code.jquery.com/jquery-latest.min.js"></script></a>
<script>
function fchk(frm) {
var chk = false;
$(frm).find('input[type="checkbox"][name^="wr_"]').each(function (i, el) {
if ($(el).is(':checked') == true) {
chk = true;
return false;
}
});</p>
<p> if (chk == false) {
alert('checkbox required');
return false;
} else {
return true;
}
}
</script></p>
<p><form method="post" onsubmit="return fchk(this)">
<label><input type="checkbox" name="wr_27" value="27" /> 27</label>
<label><input type="checkbox" name="wr_28" value="28" /> 28</label>
<label><input type="checkbox" name="wr_29" value="29" /> 29</label>
<input type="submit" />
</form></p>
<p>답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인