Как добавить класс css активной радиокнопке?

[Igorsrt]

это как?

<?php
echo '<script>
   $(function(){
       $('input.shipping_method').click(function() {
    $('input.shipping_method').each(function(indx, element){
         if (this.checked) {
        $(this).addClass('selected');
    } else {
        $(this).removeClass('selected');
    }  });
}).filter(":checked").click();
   })
  </script>'
?>

что-то у меня не получается...

[destus]

<?php
echo "<script>
   $(function(){
       $('input.shipping_method').click(function() {
    $('input.shipping_method').each(function(indx, element){
         if (this.checked) {
        $(this).addClass('selected');
    } else {
        $(this).removeClass('selected');
    }  });
}).filter(\":checked\").click();
   })
  </script>"
?>

[Igorsrt]

Igorsrt,
попробуйте весь код с JS поместить в echo

это как?

<?php
echo '<script>
   $(function(){
       $('input.shipping_method').click(function() {
    $('input.shipping_method').each(function(indx, element){
         if (this.checked) {
        $(this).addClass('selected');
    } else {
        $(this).removeClass('selected');
    }  });
}).filter(":checked").click();
   })
  </script>'
?>

что-то у меня не получается...

[Igorsrt]

поместил в echo... пока что тоже самое.. (

[destus]

Igorsrt,
вы тэг style не вставили в код.

<?php 
echo " <style type=\"text/css\">
     .selected {
         width: 50px;
     }

  </style>";
echo "
	<li class=\"shipping_method\">
<input type=\"radio\" name=\"shipping_method[0]\" data-index=\"0\" id=\"shipping_method_0_flat_rate\" value=\"flat_rate\" class=\"shipping_method\" checked=\"checked\"><label for=\"shipping_method_0_flat_rate\">Dostavka1</label><div style=\"float:right;\">300 rub</div></li>
<li class=\"shipping_method\">
<input type=\"radio\" name=\"shipping_method[0]\" data-index=\"0\" id=\"shipping_method_0_local_delivery\" value=\"local_delivery\" class=\"shipping_method\"><label for=\"shipping_method_0_local_delivery\">Dostavka2</label><div style=\"float:right;\">250 rub</a></div></li>
";
echo "
<script src=\"https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js\"></script>
";
echo "<script>
   $(function(){
       $('input.shipping_method').click(function() {
    $('input.shipping_method').each(function(indx, element){
         if (this.checked) {
        $(this).addClass('selected');
    } else {
        $(this).removeClass('selected');
    }  });
}).filter(\":checked\").click();
   })
  </script>";
?>

[Igorsrt]

Igorsrt,
вы тэг style не вставили в код.

что-то я уже совсем запутался... а при чем здесь style - если нужно просто класс добавить элементу списка...
тупо сейчас вставил Ваш код - никаких изменений, кроме того что два новых чекбокса появилось внизу страницы, но классы так же не добавляются

[destus]

Igorsrt,
а этот класс определен в таблице стилей и эта таблица подключена к файлу?

http://pixs.ru/showimage/ttpng_7046123_20782733.png

[Igorsrt]

пока нет... я просто смотрю в фаербаге "просмотреть код" и жду когда у элемента списка появится новый класс "checked"... стили уж потом пропишу ))

[рони]

жду когда у элемента списка появится новый класс "checked"...

??? что такое элемент списка и откуда взялся класс "checked".

[destus]

пока нет... я просто смотрю в фаербаге "просмотреть код" и жду когда у элемента списка появится новый класс "checked"... стили уж потом пропишу ))