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,

Martin Lantzsch · Accepted Answer · 2013-09-03 13:16:53Z

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/

edited Sep 3, 2013 at 13:16

answered Sep 3, 2013 at 13:02

Martin Lantzsch

1,98615 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Somnath Kharat · Accepted Answer · 2013-09-03 13:16:34Z

0

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

answered Sep 3, 2013 at 13:16

Somnath Kharat

3,5952 gold badges31 silver badges51 bronze badges

Collectives™ on Stack Overflow

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

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related