复选框全选全不选反选实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html><head><title>新建网页</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="description" content="" /><meta name="keywords" content="" /><script type="text/javascript" src="./jquery-1.4.4.js"></script><script type="text/javascript">function selAll(){//全选  $('li').css('color','red');//jquery内部大部分方法本身有“遍历”机制，可以为每个元素节点对象进行相关的功能操作$('.hby').attr("checked",true);}function selNotAll(){//全不选$('.hby').attr('checked',false);}function selFan(){//反选//遍历全部的复选框，查看每个项目的选中状态，并做处理(选中就取消，否则设置选中)for(var i=0; i<$('.hby').length; i++){var flag = $('.hby:eq('+i+')').attr('checked');$('.hby:eq('+i+')').attr('checked',!flag);}}</script></head><body><h2>复选框选中操作</h2>爱好(复选框):<input type="checkbox" class="hby" name="hobby[]" value="1" />篮球<input type="checkbox" class="hby" name="hobby[]" value="2" />看书<input type="checkbox" class="hby" name="hobby[]" value="3" />上网<input type="checkbox" class="hby" name="hobby[]" value="4" />听音乐<br /><br /><input type="button" value="全选" οnclick="selAll()" /><input type="button" value="全不选" οnclick="selNotAll()" /><input type="button" value="反选" οnclick="selFan()" /></body>
</html>

复选框全选全不选反选实现相关推荐

vue复选框选中一个全选中了
vue复选框选中一个全选中了在业务开发中,使用了checkbox-group组件,发现点击其中的一个选项后,所有数据都被选中了,取消也是全部取消了. 原因:绑定数据的时候,定义的是字符串,修改为数组 ...
JQuery实现复选框CheckBox的全选、反选、提交操作
对复选框最基本的应用,就是对复选框进行全选.反选和提交等操作.复杂的操作需要与选项挂钩,来达到各种级联反应效果. [示例]使用Jquery实现复选框CheckBox的全选.反选.提交操作. (1)创建 ...
好用的下拉选框（单选，多选，全选，清空和反选，及个种样式）----个人钟爱
下拉选框如需样例和具体效果,请点击下面的连接. 好用的下拉选框(单选,多选,全选,清空和反选,及个种样式) 附件一:layui应用formselect layui.config({base: './ ...
Flutter：使用复选框进行下拉多选
Flutter:使用复选框进行下拉多选本文向您展示了在 Flutter 中使用复选框实现下拉多选的两种不同方法.在第一种方法中,我们将从头开始构建多选.在第二种方法中,我们将使用第三方包快速完成工作 ...
jq设置checked是否选中_jQuery对checkbox复选框操作：判断是否选中等
<jQuery对checkBox复选框操作:判断是否选中等>要点: 本文介绍了jQuery对checkBox复选框操作:判断是否选中等,希望对您有用.如果有疑问,可以联系我们. 一.jqu ...
方形勾选框html,Selenium之勾选框操作
勾选框操作: 所谓勾选框,也可以叫复选框,意思是可以勾选一个及以上或全部勾选.勾选框的图标一般都是方形的. 复选框勾选一般分为三种情况: ①勾选单个框,我们直接用元素定位的方式定位到点击即可. ②勾选 ...
JQ对复选框全选、获取复选框的值、回选
1.全选.全不选: function checkAllFun(a){if (a.checked){$("input[name='checkbox']:checkbox").each ...
复选框实现。全选、全不选、多选
复选框实现全选.全不选.被选: html代码 <input type="checkbox" id="checksboxs">全选<input ...
vue设置多选框默认勾选_vue中复选框怎么默认全选，至少选择4个才可以点击下一步...
[1]项目中有这样的需求,要怎么解决呢...默认复选框是全选状态,也可以取消某一个状态,至少选择4个选项才可以点击下一步.这个要怎么实现啊 html: 原料进厂模块组装成品质检仓储物流销售 ...
layui 实现表单、表格中复选框checkbox的全选功能
一.layui 实现表单中多选框的全选功能,代码如下: //html页面表单 <form class="layui-form"><div class=" ...

复选框全选全不选反选实现

复选框全选全不选反选实现相关推荐

最新文章

热门文章

复选框 全选 全不选 反选 实现

复选框 全选 全不选 反选 实现相关推荐

最新文章

热门文章

复选框全选全不选反选实现

复选框全选全不选反选实现相关推荐