搜索
您的当前位置:首页正文

JS实现CheckBox复选框全选、不选或全不选功能_javascript技巧

2023-12-02 来源:亿米科技网

CheckBox控件表明一个特定的状态(即选项)是选定 (on,值为1) 还是清除 (off,值为0)。在应用程序中使用该控件为用户提供“True/False”或“yes/no”的选择。因为 CheckBox 彼此独立工作,所以用户可以同时选择任意多个 CheckBox,进行选项组合。

CheckBox复选框JS实现全选、不选、全不选功能,很简单,具体内容如下

思路:

  • 1、获取元素
  • 2、给全选 不选 反选添加点击事件
  • 3、用for循环checkbox
  • 4、把checkbox的checked设置为true即实现全选
  • 5、把checkbox的checked设置为false即实现不选
  • 6、通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态。
  • html代码:

                       

    js代码:

    
    

    亿米科技网还为您提供以下相关内容希望对您有帮助:

    js实现checkbox全选、不选与反选的方法

    给全选 不选 反选添加点击事件 3.用for循环checkbox 4.把checkbox的checked设置为true即实现全选 5.把checkbox的checked设置为false即实现不选 6.通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如...

    javascript如何实现复选框全选和取消全选的功能?

    } 全选 中文 英语 法语 日语 德语 葡萄牙语

    Jquery实现复选框全选与全不选

    1、创建一个html,然后在body标签添加如下图所示的代码,主要是在一个表格中包含多选框。2、然后首要就是要引入jquery的库。注意jquery库的方式: 不能写成这种方式。否则无效!大家可以去尝试一下这两个的差别。3、然后再...

    一个页面有2组checkbox复选框,如何用JS实现对这2组分别全选、反选...

    复选框(checkbox)全选/全不选/返选 body,dl,dt,dd,p{margin:0;padding:0;} body{font-family:Tahoma;font-size:12px;} label,input,a{vertical-align:middle;} label{padding:0 10px 0 5px;} a{color:#09...

    js中复选框怎么做全选 但是不全部选中

    CheckBox复选框JS实现全选全不选功能,很简单,就只需插入一小段js函数就行了。。。 function cli(Obj){ //获取控制其它复选框的对象obj var collid = document.getElementByIdx_x("all")//获取需要全选,全不选功能...

    用jquery怎么实现全选/全不选

    .each(function() { $(this).attr("checked", flag); }) ; }) ;}) ;原理就是利用后面的checkbox的checked的值和前面的全选这个复选框是否选中的值一致,来实现全选和全不选 ...

    求CheckBox 全选和全不选JS

    if (chkArray[i].type == 'checkbox') {//如果是checkbox if( chkArray[i].checked ==false)//如果没勾选 { chkArray[i].checked = true;//勾选 document.getElementById("txtGetList").value += " "+chk...

    jquery实现 点击复选框,勾选所有复选框,再次点击取消勾选,这个功能怎么...

    $(function () {$("#selectAll").click(function () {//全选if($("#playList :checkbox").attr("checked") == true){$("#playList :checkbox").attr("checked", false);}else{$("#playList :checkbox").att...

    JS如何实现对name是数组的复选框的全选和反选以及取消选择? form内容...

    checkbox' name='p' value='a1' ptpt='ptpt[1]'/> 这样在获得选中的多选框后直接取ptpt属性的值就可以拿到你想要的ptpt的值了。

    javascript 复选择框的的全选择与反选问题(解析越详细越好)

    足球 参考资料:自己随便写的

    本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。

    热门图文

    • 衙门排晓戟的下一句是什么

      衙门排晓戟的下一句:铃阁开朝锁。诗词名称:《郡斋暇日辱常州陈郎中使君早春晚坐水西馆书事诗…酬之》。本名:白居易。别称:诗王、诗魔。字号:字乐天号香山居士,又号醉吟先生。所处时代:唐代。民族族群:汉族。出生地:河南新郑。出生时间:772年2月28日。去世时间:846年9月8日。主要作品:《直中书省》《新亭病后独坐招李侍郎公垂》《忆江南》《家园三绝》《赋得古原草送别》等。主要成就:新乐府运动主要倡导者、写下了不少反映人民疾苦的诗篇。

    • 风摇白梅朵的下一句是什么

      风摇白梅朵的下一句:衙门排晓戟。诗词名称:《郡斋暇日辱常州陈郎中使君早春晚坐水西馆书事诗…酬之》。本名:白居易。别称:诗王、诗魔。字号:字乐天号香山居士,又号醉吟先生。所处时代:唐代。民族族群:汉族。出生地:河南新郑。出生时间:772年2月28日。去世时间:846年9月8日。主要作品:《直中书省》《新亭病后独坐招李侍郎公垂》《忆江南》《家园三绝》《赋得古原草送别》等。主要成就:新乐府运动主要倡导者、写下了不少反映人民疾苦的诗篇。

    • 波拂黄柳梢的下一句是什么

      波拂黄柳梢的下一句:风摇白梅朵。诗词名称:《郡斋暇日辱常州陈郎中使君早春晚坐水西馆书事诗…酬之》。本名:白居易。别称:诗王、诗魔。字号:字乐天号香山居士,又号醉吟先生。所处时代:唐代。民族族群:汉族。出生地:河南新郑。出生时间:772年2月28日。去世时间:846年9月8日。主要作品:《直中书省》《新亭病后独坐招李侍郎公垂》《忆江南》《家园三绝》《赋得古原草送别》等。主要成就:新乐府运动主要倡导者、写下了不少反映人民疾苦的诗篇。

    • 春深物袅娜的下一句是什么

      春深物袅娜的下一句:波拂黄柳梢。诗词名称:《郡斋暇日辱常州陈郎中使君早春晚坐水西馆书事诗…酬之》。本名:白居易。别称:诗王、诗魔。字号:字乐天号香山居士,又号醉吟先生。所处时代:唐代。民族族群:汉族。出生地:河南新郑。出生时间:772年2月28日。去世时间:846年9月8日。主要作品:《直中书省》《新亭病后独坐招李侍郎公垂》《忆江南》《家园三绝》《赋得古原草送别》等。主要成就:新乐府运动主要倡导者、写下了不少反映人民疾苦的诗篇。

    • 遥思毗陵馆的下一句是什么

      遥思毗陵馆的下一句:春深物袅娜。诗词名称:《郡斋暇日辱常州陈郎中使君早春晚坐水西馆书事诗…酬之》。本名:白居易。别称:诗王、诗魔。字号:字乐天号香山居士,又号醉吟先生。所处时代:唐代。民族族群:汉族。出生地:河南新郑。出生时间:772年2月28日。去世时间:846年9月8日。主要作品:《直中书省》《新亭病后独坐招李侍郎公垂》《忆江南》《家园三绝》《赋得古原草送别》等。主要成就:新乐府运动主要倡导者、写下了不少反映人民疾苦的诗篇。

    Top