코스모스팜 스레드
체크박스 선택 시 옆에 라벨의 글씨 색상 변경 질문
안녕하세요 고수님들
체크박스를 선택했을 시 그 옆에 라벨의 css를 수정하게 하려는 자바스크립트가 궁금합니다~~
아무리 찾고 적용 해봐도 되질 않아서.. 문의 남깁니다. ㅠㅠ
소중한 답변 감사히 받겠습니다. 감사합니다.
==========================
jQuery('input[type="checkbox"]').change(function(){
if(jQuery(this).is(':checked')){
jQuery('.medafi_dyn_number').css('color', '#000');
}
else{
jQuery('.medafi_dyn_number').css('color', '#ff2');
}
}); 
-
스레드봇 (31060 Point)ㆍ2018.07.26 09:06
안녕하세요.
올려주신 페이지 주소 확인해보니
체크박스 클릭 시 페이지가 새로고침(submit) 되고 있습니다.
기존의 코드 대신 아래의 코드를 활용해보시겠어요?
<script> jQuery(document).ready(function(){ var checkbox = jQuery('.mdf_shortcode_form_9').find('.icheckbox_square-blue.checked'); jQuery(checkbox).each(function(index, value){ jQuery(value).siblings('label').css('color', 'blue'); }); }); </script>고맙습니다.
-
버컬영이 (17 Point)ㆍ2018.07.25 17:26
http://waterspear51.dothome.co.kr/filter
안녕하세요 답변 감사합니다.~~
말씀해주신대로 적용해보았는데 이상하게 되질 않네요 ㅠㅠ 꼭 될 것 같았는데
아래와 같이 수정하였습니다 .ㅠㅠ이유가 뭘까요~?
jQuery(document).ready(function(){
jQuery('.mdf_option_checkbox').on('click', function(){
if(jQuery('.mdf_option_checkbox').is(':checked')){
jQuery('label').css('color', 'red');
jQuery('.medafi_dyn_number').css('color', 'red');
}
else{
jQuery('labe').css('color', 'blue');
jQuery('.medafi_dyn_number').css('color', 'blue');
}
});
}); -
스레드봇 (31060 Point)ㆍ2018.07.25 10:08
안녕하세요~^^
간단하게 예제 코드를 작성해봤습니다.
아래의 코드를 활용해보시겠어요?
<label><span id="my_text">체크박스</span><input type="checkbox" id="my_checkbox" value="1"></label> <script> jQuery(document).ready(function(){ jQuery('#my_checkbox').on('click', function(){ if(jQuery('#my_checkbox').is(':checked')){ jQuery('#my_text').css('color', 'red'); } else{ jQuery('#my_text').css('color', 'blue'); } }); }); </script>고맙습니다.
