如何处理带有数组名称的复选复选框？（jquery）

Question

我有一个复选框数组名称“技能[]”，我想在单击（选中）复选框的一侧添加文本（不提交） 我的代码是这样的：

<li><input name="skills[]" class="skills" value="1" type="checkbox" /></li>
<li><input name="skills[]" class="skills" value="2" type="checkbox" /></li>

wutdo？ 谢谢，

Answer 1

$('input.skills').on('change', function() {
    if($(this).is(':checked'))
    {
        $(this).parents('li').append('<span class="text">your text</span>');
    } else {
        $(this).parents('li').find('.text').remove();   
    }
});

工作jsfiddle：http://jsfiddle.net/V3TZn/4/

Answer 2

试试这个：DEMO

 $("input[name='skills[]']").change(function(){
    if($(this).is(':checked')){
       $(this).parents('li').append('<span class="text">your text</span>');
    } 
    else {
    $(this).parents('li').find('.text').remove();   
    }
});