php 复选框全选和取消,基于JavaScript实现复选框的全选和取消全选

这篇文章主要为大家详细介绍了基于JavaScript实现复选框的全选和取消全选，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

本文实例为大家分享了js复选框的全选和取消全选的具体代码，供大家参考，具体内容如下

效果图：

测试代码如下：

li{list-style: none;}

液体
粉末
仿牌
纯电池
危险品
配套电池

/*全选或取消全选*/

function selectAllDels(){

var allWp=document.getElementsByName("wp");

var selOrUnsel=false;

for(var i=0; i

if(allWp[i].checked){

selOrUnsel=true;

break;

}

if (selOrUnsel){

allUnchk(allWp);

}else{

allchk(allWp);

}

function allchk(allWp){

for(var i=0; i

allWp[i].checked=true;

}

function allUnchk(allWp){

for(var i=0; i

allWp[i].checked=false;

}

直接复制代码可用。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持PHP中文网。

更多基于JavaScript实现复选框的全选和取消全选相关文章请关注PHP中文网！

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

php 复选框全选和取消,基于JavaScript实现复选框的全选和取消全选相关推荐

html点击小图标显示全屏查看大图,基于JavaScript实现移动端点击图片查看大图点击大图隐藏...
一.需求点击图片查看大图,再点大图隐藏.多用于移动端,因为移动端屏幕小,可能需要查看大图. 二.代码 JQuery点击图片查看大图by starof .exampleImg { height:100 ...
html 获取文本框值,html - 如何在JavaScript中获取文本框值
html - 如何在JavaScript中获取文本框值我正在尝试使用JavaScript从HTML文本框中获取值,但值不是在空格之后例如: 我只得到:上面的"软件". 我正在使 ...
html 多选框点击事件,jquery/javascript:单击复选框上的事件和“checked”属性
代码: $('input.media-checkbox').live('click', function(e){ e.preventDefault(); var that = $(this); if ...
Vue.js 极简小例：表单（输入框 input、文本域 textarea、单选框 radio、下拉菜单 selected、复选框 checkbox）
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 代码: <template> <div > <p>------- ...
struts2 标签单选框_Struts 2 UI标签–表单，复选框，单选，选择，提交
struts2 标签单选框 Struts2 UI tags are used to generate HTML form elements in result pages. Earlier we lo ...
java控件数组_java通过复选框控件数组实现添加多个复选框控件示例分享
思路如下: 创建JPanel面板对象: 使用JPanel类的setLayout(0,4)方法设置网格布局管理器,即列数为4,行数自动调节: 创建一个字符串型一维数组作为控件文本数组: 创建一个JChe ...
java控件数组_java通过复选框控件数组实现添加多个复选框控件
编写程序,通过复选框控件数组事先选择用户爱好信息的复选框,在该程序中,要求界面中的复选框数量可以根据指定复选框名称的字符串数组的长度来自动调节.方法如下: 创建JPanel面板对象: 使用JPanel ...
java checkbox数组_Java通过复选框控件数组实现添加多个复选框控件
编写程序,通过复选框控件数组事先选择用户爱好信息的复选框,在该程序中,要求界面中的复选框数量可以根据指定复选框名称的字符串数组的长度来自动调节. 思路如下: 创建JPanel面板对象: 使用JPane ...
基于jquery的复选树的插件
基于jquery的复选树的插件. 业务需求:复选树,带有多选功能,有子级被选中时父级需要有提示,层级不定,基于jquery. /** name: checkboxTree 复选树结构*//**输入的数 ...

php 复选框全选和取消,基于JavaScript实现复选框的全选和取消全选

php 复选框全选和取消,基于JavaScript实现复选框的全选和取消全选相关推荐

最新文章

热门文章