<script type="text/javascript">
$(function() {
//全选
$("#selectall").click(function() {
$("input[@name='shareuser']").each(function() {
$(this).attr("checked", true);
});
});
//反选
$("#fanall").click(function() {
$("input[@name='shareuser']").each(function() {
if($(this).attr("checked"))
{
$(this).attr("checked", false);
}
else
{
$(this).attr("checked", true);
}
});
});
//取消全部
$("#deselectall").click(function() {
$("input[@name='shareuser']").each(function() {
$(this).attr("checked", false);
});
});
//alert
$("#alertall").click(function() {
$("input[@name='shareuser']").each(function() {
if($(this).attr("checked"))
{
alert($(this).val());
}
});
});
});
</script>
程序代码:
<input type='checkbox' id='in-shareuser-10' name='shareuser' value='10' />10
<input type='checkbox' id='in-shareuser-11' name='shareuser' value='11' />11
<input type='checkbox' id='in-shareuser-12' name='shareuser' value='12' />12
<input type="button" id="selectall" name="selectall" value="全选" />
<input type="button" id="fanall" name="fanall" value="反选" />
<input type="button" id="deselectall" name="deselectall" value="取消" />
<input type="button" id="alertall" name="alertall" value="输出" />
$('input[name="checkbox"]').each(function(){
$(this).attr("checked",!$(this).attr("checked"));
});
分享到:
相关推荐
jquery 、js实现复选框 (全选、反选)功能··
用Axure RP 8.0做的原型设计列子,作用是复选框做全选和非全选,已选的做反选。可以学习下反选或非反选的交互思路。
javascript 实现复选框全选/取消功能
主要介绍了vue+vant-UI框架实现购物车的复选框全选和反选功能,本文通过实例代码给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
主要介绍了微信小程序获取复选框全选反选选中的值,本文通过实例代码给大家简单介绍,需要的朋友可以参考下
实现table表格checkbox复选框的全选 反选.
基于jQuery的三个JS复选框全选反选例子.zip
axure复选框全选反选效果.rp
js特效制作js checkbox复选框全选 反选 取消全部等设置多个表单里面的checkbox复选框勾选特效。内含js代码下载。
带复选框的多级目录树,复选框的选择控制子节点父节点 全选和反选 通过子节点控制父节点及以上父节点是否要选中
多选框全选和反选,用js做的,多选框单选和反选,和使用的代码
复选框全选、全不选和反选的效果实现
spreadjs_列头添加复选框全选功能-demo
复选框实现datagridview全选反选和全不选,datagridview换颜色(选中复选框之后)
js checkbox全选 反选 取消全部设置表单html复选框
《锋利的jquery》利用jquery实现复选框的全选和反选
jQuery实现复选框checkbox的全选与反选功能,不用多介绍了吧,以往都是基于纯js的实现比较多,这个是引入了jquery,或许更能满足现在的前端设计吧。
摘要:脚本资源,jQuery,全选,反选 三个基于jQuery的JS复选框全选反选例子,实用的网页特效,三款例子大同小异。所有checkbox跟着全选的checkbox走,定义一个临时变量,避免重复使用同一个选择器选择页面中的元素,...
jquery实现全选反选全不选案例,在入场网页开发中实现。
复选框的全选和反选复选框的全选和反选复选框的全选和反选