主要用到dom的两个函数document.getElementById(id)和document.getElementsByTagName(name),希望对写复选框全选的虾们有些许帮助。
<!--HTML代码片段如下: -->
<div id="div1">
<input type="checkbox" onclick="selectCheckBoxes('div1', this.checked)" />全选<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
</div>
<br/>
<div id="div2">
<input type="checkbox" onclick="selectCheckBoxes('div2', this.checked)" />全选<br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
<input type="checkbox" /><br/>
</div>
<!--js代码片段如下: -->
<script type="text/javascript">
function selectCheckBoxes(domId,value) {
var inputs = document.getElementById(domId).getElementsByTagName("input");
for(var i = 0; i < inputs.length; i++) {
if (inputs[i].type == 'checkbox') {
inputs[i].checked=value;
}
}
}
</script>
将以上代码放到body里即可。
分享到:
相关推荐
主要用到dom的两个函数document.getElementById(id)和document.getElementsByTagName(name),希望对写复选框全选的虾们有些许帮助。
有关javascript 获取checkbox复选框的实例数不胜数,下面的这个示例,纯js实现的 var form = document.getElementById("form2"); var field = form.elements["test2"]; var option = Dining.getSelectedOption(form...
vue3.0实现复选框组件的封装 本文实例为大家分享了vue3.0实现复选框组件封装的具体代码,供大家参考,具体内容如下 大致步骤: 实现组件本身的选中与不选中效果 实现组件的v-model指令 改造成 @vueuse/core ...
图片列表:鼠标移入/移出改变图片透明度 简易选项卡 简易JS年历 单一按钮显示/隐藏一播放列表收缩展开 提示框效果 鼠标移过,修改图片路径 复选框(checkbox)全选/全不选/返选 用typeof查看数据类型等很多
假复选框 转换复选框中的任何复选框(或所需的元素)。 用法 您HTML < div xss=removed> < p> What do you like most? < input type =" checkbox " name =" activities[] " value =" playing " class =" ...
<div id="box0"></div><div id="box1">↓</div> <div id="items" style=""> <input value="200012020202" id="test" type=checkbox> 200012020202 </td> 张 三 ...
10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...
10.7 单击任意单元格都能自动选中复选框 10.8 调用复选框后面的文字 10.9 两个checkbox互斥问题 10.10 使用checkbox控制文本框 10.11 选中表格行前的复选框则行变色 10.12 用JavaScript生成面包屑导航 10.13 复选框...
一个小巧的jQuery插件,用于在更改复选框/单选框或选择字段时显示或隐藏或切换某些内容。 可用性 bower install jquery-data-show-hide 安装 < script src =" bower_components/jquery/dist/jquery.min.js " >...
检查场描述checkground是一个简单的jQuery插件,它使用易于设置样式的div元素替换了默认的复选框控件。 checkground隐藏原始元素,并根据背景状态更新选中的属性Checkground元素的元素。安装及使用下载或克隆存储库...
React-iCheck 使用构建的组件。 没有jQuery和Zepto ...默认情况下,iCheck不为包装div提供任何CSS样式(如果不使用)。 用法 npm install react-icheck icheck --save import 'icheck/skins/all.css' ; // or singl
if (ele.type == ‘checkbox’) { var childrenDivID = ele.id.replace(‘CheckBox’, ‘Nodes’); var div = document.getElementById(childrenDivID); if (div != null) { var checkBoxs = div....
//设置复选框(checkbox)选中状态,第一个参数填写第几个复选框(checkbox)第二个添写是否选中(1为选中,0为未选中) CString GetCheckboxName(int i);//获取指定索引复选框(Checkbox)元素name(名称) CString ...
18.jQuery美化复选框Checkbox和radio单选框的插件hcheckbox示例 19.jQuery漂亮Flash卡通动感菜单示例 20.jQuery漂亮动感二级网站导航菜单源码下载 21.jquery漂亮苹果系统动画效果的导航菜单示例 22.jquery...
3.7 复选框的全选,多选,全不选,反选 3.8 文件上传过程中判断文件类型 4、字符类 4.1 判断字符全部由a-Z或者是A-Z的字字母组成 4.2 判断字符由字母和数字组成。 4.3 判断字符由字母和数字,下划线,点号...
React-Formik-UI概述React-Formik-UI是一个简单的组件库,由纯HTML表单元素组成,例如:表单,输入,选择,复选框,单选和文本区域。 React-Formik-UI的想法是使React和Formik的表单组成更加容易,因此您不必为表单...
####创建新的工单屏幕 目的类型描述NAVBAR_1 DIV 常量元素,出现在所有屏幕上工作_在线_CHECKBOX 复选框默认不勾选; 选中时,程序与服务器实时同步; 取消选中时,程序在本地数据库上运行同步按钮当 Work_online_...
9.3.4 复选框——checkbox 189 9.3.5 普通按钮——button 190 9.3.6 提交按钮——submit 191 9.3.7 重置按钮——reset 192 9.3.8 图像域——image 193 9.3.9 隐藏域——hidden 195 9.3.10 文件...