Jquery .after () добавить изображение

Question

У меня небольшой сайт. У меня есть рупор ajax.

У меня есть 3 разных класса пользователей на моем веб-сайте, и на чате есть разные цвета, чтобы люди знали, кто есть кто.

Я также сделал класс сторонника, но это не класс пользователя, я могу выбрать, поддерживает ли пользователь, установив переключатель «Да» или «Нет».

И я хотел бы, чтобы радио было проверено, да, после имени пользователя появилось бы небольшое изображение.

С php я сделал это просто для теста:

if(isset($GLOBALS['user']['supporter'])) {
 $support = 'the image here';
}

Мой вопрос: возможно ли сделать это в jquery?

Для лайков:

if($('global here') == 'supporter') {
  $('class here').after('the image');
}

Может кто-нибудь дать мне подсказку?

Answer 1

Ну, во-первых, вам нужно получить значение вашего проверенного радио.

supporter = $('#radioButton:checked').val();

Затем просто выполните код, как вы его написали, предполагая, что значение флажка yes равно '1' ...

if($(supporter == '1')) {
  $('.myClass').after('your markup');
}

Это то, что вы ищете?

Answer 2

Да, конечно, вы могли бы сделать:

<input type='radio' name='supporter' value='1'>Yes
<input type='radio' name='supporter' value='2'>No
<img id='support' style='display:none' src='yourimage'>

$('input[name=supporter]').change(function(){
    var value = $(this).val();
    if (value == 1){
         $('#support').show();
    }else{
         $('#support').hide();
    }

});