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

Question

我有一个复选框数组名称“skills []”，我想在单击（选中）复选框的一侧添加一个文本（没有提交）我的代码如下：

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

怎么办？谢谢，

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

试试这个：演示

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