57P (31 Июль 2017 - 18:00) писал:
Саму галку выделить не получится, стиль задается самим браузером. Можно выделять текст напротив галки.
Для этого код:
<script> $(document).ready(function(){ $('#pers_confirm').attr('checked', true); $('#submit_order').attr('disabled', false); $('#pers_confirm').addClass("active"); $('#pers_confirm').click(function() { if ($(this).hasClass("active")){ $('#submit_order').attr('disabled', true); $('label[for="pers_confirm"]').after('<p class="redSapnConfirm">Это поле обязательно для заполнения</p>'); $(this).removeClass("active") } else { $('#submit_order').attr('disabled', false); $('.redSapnConfirm').remove(); $(this).addClass("active") } }); }); </script>
Заменил на:
<script> $(document).ready(function(){ $('#pers_confirm').attr('checked', true); $('#submit_order').attr('disabled', false); $('#pers_confirm').addClass("active"); $('#pers_confirm').click(function() { if ($(this).hasClass("active")){ $('#submit_order').attr('disabled', true); $('label[for="pers_confirm"]').css('color', 'red'); $('label[for="pers_confirm"] a').css('color', 'red'); $('label[for="pers_confirm"]').after('<p class="redSapnConfirm">Это поле обязательно для заполнения</p>'); $(this).removeClass("active") } else { $('#submit_order').attr('disabled', false); $('.redSapnConfirm').remove(); $(this).addClass("active") $('label[for="pers_confirm"]').css('color', ''); $('label[for="pers_confirm"] a').css('color', ''); } }); }); </script>
Проверьте, пожалуйста