用jquery获取checkbox中的多个值

首先当然是引入jquery,这在上一篇文章中已经提到,使用google加载jquery库

Html代码:

<input type="checkbox" name="checkPro" value='1' /><label>A</label>
<input type="checkbox" name="checkPro" value='2' /><label>B</label>
<input type="checkbox" name="checkPro" value='3' /><label>C</label>
<input type="checkbox" name="checkPro" value='4' /><label>D</label>
<input type="button" name="addPro" value="确定" />

Javascript代码:

$('input[name=addPro]').click(function(){
    var checkedValues = new Array();
    $('input[name="checkPro"]:checked').each(function(){
            checkedValues.push($(this).val());
    })
    alert(checkedValues.join(','));
});

 

posted @ 2012-04-29 00:37  Token  阅读(260)  评论(0)    收藏  举报