jQuery全选、反选、全不选

最新推荐文章于 2022-03-18 11:07:09 发布

我喂自己袋盐3178

最新推荐文章于 2022-03-18 11:07:09 发布

阅读量374

点赞数 1

分类专栏： jQuery 文章标签： jQuery checkbox prop each

本文链接：https://blog.csdn.net/for_my_own_voice/article/details/47981803

版权

jQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

自己在做关于jQuery的全选，遇到些问题。找了很多文章后才懂得应该怎么写，现在把我实现的例子贴出来，大家一起共同进步。

全选

$("input[name=CheckedAll]").click(function(){
	$("input[name=items]:checkbox").prop("checked",true);
});

全不选

$("input[name=CheckedNo]").click(function(){
	$("input[name=items]:checkbox").prop("checked",false);
});

反选

$(".CheckedRev").click(function(){
	$("input[name=items]").each(function(){
		$(this).prop("checked",!$(this).prop("checked"));
	})
});

获取多选框中选中的数值：

<pre name="code" class="javascript"><pre name="code" class="javascript">
<span style="white-space:pre">	</span>var id = '';
<span style="white-space:pre">	</span>$('input[name=withdraw]:checked').each(function(){//将选择的id用逗号连接传给php
	<span style="white-space:pre">	</span>id += $(this).val()+',';
<span style="white-space:pre">	</span>});