заменить select на radio в сортировке

[Oksana79]

<select onchange="location = this.value;">
        <?php foreach ($limits as $limits) { ?>
        <?php if ($limits['value'] == $limit) { ?>
        <option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
        <?php } ?>
        <?php } ?>
      </select>

как правильно изменить на это...

<input type="radio" class="radio" id="radio" /> <label for="radio"><?php echo $limits['text']; ?></label>

хочется сделать как на картинке.

 

спасибо!!!

[Fedka]

1 час назад, Oksana79 сказал:

<select onchange="location = this.value;">
        <?php foreach ($limits as $limits) { ?>
        <?php if ($limits['value'] == $limit) { ?>
        <option value="<?php echo $limits['href']; ?>" selected="selected"><?php echo $limits['text']; ?></option>
        <?php } else { ?>
        <option value="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></option>
        <?php } ?>
        <?php } ?>
      </select>

как правильно изменить на это...

<input type="radio" class="radio" id="radio" /> <label for="radio"><?php echo $limits['text']; ?></label>

хочется сделать как на картинке.

 

спасибо!!!

 

А зачем делать radio?

Сделайте обычной ссылкой...Тег A стилизировать легче...

[Fedka]

<?php foreach ($limits as $limits) { ?>
	<?php if ($limits['value'] == $limit) { ?>
		<a href="<?php echo $limits['href']; ?>" class="selected"><?php echo $limits['text']; ?></a>
	<?php } else { ?>
		<a href="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></a>
	<?php } ?>
<?php } ?>

a{display:inline-block;padding:3px;margin:0 10px;}
a.selected{background:#ff0000;border-radius:50%;}

Если грубо, то как-то так...

Стили более детально под шаблон делаются...

[Oksana79]

19 минут назад, Fedka сказал:

<?php foreach ($limits as $limits) { ?>
	<?php if ($limits['value'] == $limit) { ?>
		<a href="<?php echo $limits['href']; ?>" class="selected"><?php echo $limits['text']; ?></a>
	<?php } else { ?>
		<a href="<?php echo $limits['href']; ?>"><?php echo $limits['text']; ?></a>
	<?php } ?>
<?php } ?>

a{display:inline-block;padding:3px;margin:0 10px;}
a.selected{background:#ff0000;border-radius:50%;}

Если грубо, то как-то так...

Стили более детально под шаблон делаются...

Спасибо огромное!!!! со стилями думаю справимся

[chukcha]

я бы js скриптом развернул селект в радио

[Oksana79]

В 11.08.2017 в 23:01, chukcha сказал:

я бы js скриптом развернул селект в радио

не подскажите как?)))

[Oksana79]

а не подскажите как сделать сортировку по цене как на рисунке? что бы было не цена по возр... цена по убыв... а одна надпись цена и и стрелочки в верх  и в низ. оксторе 15512

Спасибо, всех чмок )))

Змінено 18 серпня 2017 користувачем Oksana79

[Oksana79]

спасибо огромное!!!