how to process checked checkbox with array name?(jquery)

Question

i have a checkbox array name "skills[]" and i want add a text to side of clicked(checked) checkbox(whithout Submit) my code like this:

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

wutdo? Thanks,

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

Working jsfiddle: http://jsfiddle.net/V3TZn/4/

Answer 2

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