jQuery 변수 관련 질문드릴게요. 채택완료
</p>
<p><script src="<a href="https://code.jquery.com/jquery-3.3.1.min.js"></script>" target="_blank" rel="noopener noreferrer">https://code.jquery.com/jquery-3.3.1.min.js"></script></a>
<script>
$(document).ready(function() {
$("input[type='checkbox']").on('click', function() {
//checkbox 형태의 input태그 가 클릭될 때 다음 함수를 실행한다.
var write = '';
//write 변수 선언
$("input[type='checkbox']:checked").each(function() {
//checked 된 input 태그들 각각 write 변수에 내용을 합친다.
write += $(this).data("name");
});
$('#tdbox').val(write);
//textarea 에 write 에 담긴 내용 셋팅
});
$('#alls').on('click', function() {</p>
<p> var alltext = '';
$("input[type='checkbox']").prop('checked', true).each(function(index) {
alltext += $(this).data("name")
});
$('#tdbox').val(alltext)
});
$('#allr').on('click', function() {
$('input').prop('checked', false)
$('#tdbox').val('');
});
});</p>
<p></script></p>
<p><!--body 부분 --></p>
<p><body>
<input type="checkbox" name="sport1" value='1' id="sport1" data-name='축구 '>축구
<input type="checkbox" name="sport1" value='1' id="sport2" data-name='야구 '>야구
<input type="checkbox" name="sport1" value='1' id="sport3" data-name='농구 '>농구
<input type="checkbox" name="sport1" value='1' id="sport4" data-name='배구 '>배구
<input type="checkbox" name="sport1" value='1' id="sport5" data-name='탁구 '>탁구
<input type="checkbox" name="sport1" value='1' id="sport6" data-name='하키 '>하키
<button id="alls">전체선택</button>
<button id="allr">전체해제</button>
<input type="checkbox" name="pet1" value='1' id="pet1">강아지
<input type="checkbox" name="pet2" value='1' id="pet2">고양이
<input type="checkbox" name="pet3" value='1' id="pet3">토깽이</p>
<p> <input type="text" name="tdbox" id="tdbox" class="tdbox" size="40">
</body></p>
<p>
[그림1]
[그림2]
그림에 있는 jsfiddle 주소입니다.
https://jsfiddle.net/ncia/wexuhj87/38/">https://jsfiddle.net/ncia/wexuhj87/38/
jQuery로 체크박스 선택시 인풋박스에 값을 전달하려는데 막히네요.
두개의 그룹이 있는데 위에그룹은 스포츠그룹 밑에그룹은 펫그룹입니다.
목적은 위에 스포츠 그룹만 체크박스를 선택하여 인풋박스에 나오게 하려는데 밑에 펫그룹이 체크가 되어있으면 undefined라고 입력이 되어있네요.
스포츠그룹만 체크를 하면 나오게 할수 있는지 밑에 펫그룹은 영향을 받지 않도록(undefined가 나오지 않도록) 할수 있는지욧
고수님들 도움요청드릴게요.
답변 3개
div를 클래스 이름을 줘서 그 스포츠만 묶어두세요
그러고 선택자를 .sptgroup input[type='checkbox'] 이렇게 해두세요
답변에 대한 댓글 3개
댓글을 작성하려면 로그인이 필요합니다.
버튼은 일단 type을 붙여줘야되요 안그럼 서브밋인지 버튼인지 문제가 발생하구요
그리고 스포츠 그룹만할거면 input:checkbox[name=''sport1"] 이렇게해서 선택자를 해두시고요
그래도 안된다 싶으면 div로 감싸서 클래스이름주고 .group input:checkbox[name=''sport1"] 이렇게 해보세요
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인