안녕하세요 고수님들
체크박스를 선택했을 시 그 옆에 라벨의 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');
}
});
안녕하세요~^^
간단하게 예제 코드를 작성해봤습니다.
아래의 코드를 활용해보시겠어요?
<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>
고맙습니다.
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');
}
});
});
안녕하세요.
올려주신 페이지 주소 확인해보니
체크박스 클릭 시 페이지가 새로고침(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>
고맙습니다.