jQuery全选、反选与获取选中值

今天给大家分享一段基于jQuery的全选、反选与获取选中值。文章结合demo,代码简洁,基本覆盖选项选择操作的方方面面,希望可以帮到有喜欢前端的朋友们。
[img]http://www.sucaihuo.com/jquery/demo/10/images/demo.jpg[/img]
[b]jQuery全选网页特效[/b]演示DEMO:[url]http://www.sucaihuo.com/js/10.html[/url]
[b]全选:[/b]
$("#selectAll").click(function () {
$("#list :checkbox,#all").attr("checked", true);
});
[b]全不选[/b]
$("#unSelect").click(function () {
$("#list :checkbox,#all").attr("checked", false);
});
我们拿音乐网站的歌曲列表来讲述[b]jQuery全选、反选、不选及获取选中值[/b]。
<ul id="list">  
<li><label><input type="checkbox" value="1" /> 1.老男孩</label></li>
<li><label><input type="checkbox" value="2" /> 2.我最亲爱的</label></li>
<li><label><input type="checkbox" value="3" /> 3.邂逅</label></li>
<li><label><input type="checkbox" value="4" /> 4.心痛2013</label></li>
<li><label><input type="checkbox" value="5" /> 5.要爱爱</label></li>
<li><label><input type="checkbox" value="6" /> 6.怎么说我不爱你</label></li>
</ul>
<input type="checkbox" id="all" />
<input type="button" value="全选" class="btn" id="selectAll" />
<input type="button" value="全不选" class="btn" id="unSelect" />
<input type="button" value="反选" class="btn" id="reverse" />
<input type="button" value="获得选中值" class="btn" id="getValue" />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值