Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как добавить класс css активной радиокнопке? (https://javascript.ru/forum/dom-window/61508-kak-dobavit-klass-css-aktivnojj-radioknopke.html)

Igorsrt 21.02.2016 18:22

это как?
<?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 21.02.2016 18:28

<?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 21.02.2016 18:30

Цитата:

Сообщение от destus (Сообщение 408727)
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 21.02.2016 18:34

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

destus 21.02.2016 18:44

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 21.02.2016 18:53

Цитата:

Сообщение от destus (Сообщение 408740)
Igorsrt,
вы тэг style не вставили в код.

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

destus 21.02.2016 19:00

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

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

Igorsrt 21.02.2016 19:07

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

рони 21.02.2016 19:10

Цитата:

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

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

destus 21.02.2016 19:16

Цитата:

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

:haha: :haha:


Часовой пояс GMT +3, время: 23:05.