jquery 系列 二 获取选中的 chechbox 元素

示例图表(原文链接 http://ddbiz.com/?p=213)

共 2 封

test user

2009-3-24

下周搬家

 

test user

2009-3-24

下周搬家

 

共 2 封

<div class="clear_both inbox_header"> <div class="mailbox_size">共 <span>3</span> 封</div></div><table id="msgtable" border="1"> <tr> <td class="checkbox_toggle"> <input type="checkbox" name="cbitem" id="cbitem" value="5" /> </td> <td class="profile_pic"><a href="#" mce_href="#"> <img src="/passport/showavatar.ashx?owner=1e2f90b9-ed8e-4722-a71a-94573f3445d5" mce_src="passport/showavatar.ashx?owner=1e2f90b9-ed8e-4722-a71a-94573f3445d5" width="50" alt="" /></a> </td> <td class="name_and_date t_left"> <div class="name"> <a href="/passport/viewpassport.aspx?id=5" mce_href="passport/viewpassport.aspx?id=5" title="test user" class="links5_"> test user</a> </div> <div class="date" style="color:#999999;" mce_style="color:#999999;">2009-3-24</div> </td> <td class="subject t_left"> <div> <a href="replaymsg.aspx?id=5" mce_href="replaymsg.aspx?id=5" class="links5_"> 下周搬家 </a></div> </td> <td class="x"><a id="hldeleteitem" href="javascript:void(0);" mce_href="javascript:void(0);" data='5' > </a> </td> </tr> <tr> <td class="checkbox_toggle"> <input type="checkbox" name="cbitem" id="cbitem" value="3" /> </td> <td class="profile_pic"><a href="#" mce_href="#"> <img src="/passport/showavatar.ashx?owner=1e2f90b9-ed8e-4722-a71a-94573f3445d5" mce_src="passport/showavatar.ashx?owner=1e2f90b9-ed8e-4722-a71a-94573f3445d5" width="50" alt="" /></a> </td> <td class="name_and_date t_left"> <div class="name"> <a href="/passport/viewpassport.aspx?id=3" mce_href="passport/viewpassport.aspx?id=3" title="test user" class="links5_"> test user</a> </div> <div class="date" style="color:#999999;" mce_style="color:#999999;">2009-3-24</div> </td> <td class="subject t_left"> <div> <a href="replaymsg.aspx?id=3" mce_href="replaymsg.aspx?id=3" class="links5_"> 下周搬家 </a></div> </td> <td class="x"><a id="hldeleteitem" href="javascript:void(0);" mce_href="javascript:void(0);" data='3' > </a> </td> </tr></table><div class="clear_both inbox_footer"> <div class="mailbox_size">共 <span>7</span> 封</div></div>

1. 获取所有的checkbox 元素:

    $("input")

2. 获取所有id为cbitem的checkbox元素

    $("input[id=cbitem]")

3. 获取所有选中的cbitem的checkbox元素

    $("input[id=cbitem]:checked")

4. 获取所有选中的cbitem的checkbox元素的值

    $("input[id=cbitem]:checked").each(function(){alert($(this).val());});

(原文链接 http://ddbiz.com/?p=213)