编程里头儿，咱们常常需要判断东西有没有选上或勾上。比如说，给个列表挑几个选项，你总不能让人点了半天都没反应？用jQuery就搞定，它能轻松辨认元素是啥状态~那就来看看咋操弄和利用！
一、选中状态
jQuery里竟然有个prop()方法可以直接判断元素有木有被选中！就是这么神奇！想知道id是checkbox的哪个元素被选中了吗？太简单了！只需先定义个isChecked变量，再把选着状态赋给它就好了~想看看所有class是checkbox的元素是不是都被选中了？别担心！用类选择器找到他们，然后放入isCheckedArray这个数组就搞定啦!
var isChecked = $('#checkbox').prop('checked');
二、判断同胞元素是否选中
var isCheckedArray = $('.checkbox').map(function () {
return $(this).prop('checked');
});
想知道谁中彩票了吗？用jQuery的选中状态捕捉功能就行。而说到选择脚本，自然还是我们耳熟能详的 jQuery最受喜欢，它还有两个超级好用的函数 siblings()和 next()等着你哦!
你们听过 siblings 这个神奇又实用的法子吗？它会帮你找到跟之前那个（比如说 ID 是’checkbox’）长得像的家伙，也就是咱们常说的“亲戚元素”。只需要在控制台输出 brothers，就能看见它们真正的模样！还想了解这些亲戚元素有没有被选中的话，电动车 each()大法就派上用场，挨个看过去就行！
-找像自己的兄弟姐妹？试试next(),就像下面这段代码，它们就乖乖跑进nextElement里面去了。而且啊, prop()还能帮你看看下一位同辈元素是否也获宠了！
var siblings = $('#checkbox').siblings();
三、应用场景
在实际开发中，上述方法有着广泛的应用场景：
$('#checkbox').siblings().each(function () {
if ($(this).prop('checked')) {
// 同胞元素已选中
} else {
// 同胞元素未选中
}
});
挑选货物就像平时在超市那样，我们想要简单快捷地购置需要的物品。咱就是想要把已选好的产品标好，以后方便结账。所以，要记清楚选过的东西，方便后面行动。
别搞太麻烦啦：比如说，结算页，咱们只能让你挑一种付款法子，这个叫做“独选模式”
var nextElement = $('#checkbox').next();
具体代码实现如下：
-简单选货：点一下includes product，你就可以马上看到自己想要的数据！
if ($('#checkbox').next().prop('checked')) {
// 下一个同胞元素已选中
} else {
// 下一个同胞元素未选中
}
给我来个特权！只要在那个叫做「付款」的复选框那儿点一下，然后所有选项瞬间关闭，真是爽爆了！
跟大家分享两种简单的实例，讲如何通过 jQuery 的 prop(), siblings()还有 next()这些函数，轻松地检查文件是不是已经被选中了。这样就能解决很多头疼的问题！
四、总结及展望
看完这篇文章之后，你们应该清楚了？日常开发中怎么确认有木有人被选上这种事，通过jQuery这个牛气哄哄的小装备就能轻松搞定！真的是太实用，真的会让我们笑容满面，乐在其中！而且，相信我，未来前端开发肯定会越来越厉害，还会出更多好用的新鲜小工具，让咱们能更快速更顺利地完成任务喔！
哈喽！希望这篇攻略能帮到你，顺便激发你对前端开发技巧的热情哦～有没有遇到啥困难？分享出来看看呗！
- 商品1
- 商品2
- 商品3
。
评论0