老师,全选按钮的实现可以详细讲讲吗,我目前只能实现全选与全部取消的功能,进一步就不知道怎么办了

老师,全选按钮的实现可以详细讲讲吗,我目前只能实现全选与全部取消的功能,进一步就不知道怎么办了

var chk_list=document.getElementsByTagName("input");
function changeState(isChecked){
       for(var i=0;i<chk_list.length;i++){
            if(chk_list[i].type=="checkbox"){
                chk_list[i].checked=isChecked;
            }
       }
}
<input type="checkbox" checked onclick="changeState(checked)">


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

3回答
星璇4339094 2017-06-11 03:22:32

我的思路可以给你说说。在除了全选按钮的其他按钮绑定一个时间,判断是否除了全选按钮之外的所有按钮都处于选中状态,如果是便将全选按钮变成选中状态

小于飞飞 2017-06-08 19:01:33

你好,思路,可以在增加对所有产品是否都选中,然后在设置全选是否选中状态。

  1. 可以设置一个数组。

  2. 获取每个产品的 check 值(选中是yes,不选中是 no ),将其存放在数组中。

  3. 判断 数组中是否有 no ,如有就是所有产品没选中,这是将选项按钮的check设置成 no ,否则相反。

希望对你有帮助,祝学习愉快,欢迎采纳。

小于飞飞 2017-06-07 15:07:41

你好,片段代码不好确定问题,不清楚是想解决全选和取消全选,还是什么功能。祝学习愉快。

  • 提问者 十天是bug #1
    全选与取消全选的功能我可以实现,但题目还要求取消任何一个单选,那全选按钮就不会被选中,我就是这个功能实现不了
    2017-06-07 17:22:31
  • m敏 回复 提问者 十天是bug #2
    我也是,实现不了
    2017-06-07 20:28:42
  • 小于飞飞 回复 提问者 十天是bug #3
    已回复,祝学习愉快。
    2017-06-08 19:02:08
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师