Jquery .after()添加图片

时间:2011-07-30 09:56:38

标签: javascript jquery html jquery-after

我正在运营一个小型网站。我有一个ajax shoutbox。

我的网站上有3个不同的用户类,在shoutbox上有不同的颜色,所以人们都知道谁是谁。

我也创建了一个支持者类,但那不是用户类,我可以通过选中是或否单选按钮来选择用户是否为支持者。

我想如果检查收音机是否会在用户名后显示一个小图片。

使用php我只是为了测试就这样做了:

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

我的问题是:是否可以在jquery中进行此操作?

喜欢:

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

有人可以给我一个提示吗?

2 个答案:

答案 0 :(得分:2)

首先,你需要获得已检查无线电的价值。

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

然后只是执行代码,因为你写的是假设yes复选框的值是'1'...

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

这是你在找什么?

答案 1 :(得分:1)

是的,你当然可以这样做:

<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();
    }

});