[js] 使用js写一个全选和反选的操作

haizhilin2013
2021-11-30 04:39:18 星期二
js
                    
                        
使用js写一个全选和反选的操作
Comments per page
< Page 1 / 1 >
Motu9T 2021-11-30 12:53:51

//HTML参考--------

爱情选择题

  • 100万
  • 法拉利
  • 10套房
  • 克鲁鲁
全选反选全不选
//js代码 --------- - <script type="text/javascript" src="js/jquery.js">; <script> $("button:contains(全选)").click(function () { $("input").prop("checked", true); }); $("button:contains(全不选)").click(function () { $("input").prop("checked", false); }); $("button:contains(反选)").click(function () { var ps = $("input:checked"); $("input:not(:checked)").prop("checked", true); p.prop("checked", false); }); </script> //
SiriusZHT 2021-11-30 14:20:22
TanGuangZhi 2021-12-04 10:04:06

// 用jq写的

全选: 反选
  • 111
  • 222
  • 333
  • 444
<script src="./jquery-3.5.1.min.js"></script>
<script>
    // 全选
    $('#sel-all').change(function () {
        $('ul input').prop("checked", $(this).prop("checked"));
    });

    // 反选
    $('#sel-all-reverse').click(function () {
        $('ul input').each(function () {
            $(this).prop("checked", !$(this).prop("checked"));
        });
    });

</script>
排行榜
今日答题答题排行
    未答的题
    更多>
      【关注作者公众号】 以面试驱动学习--前端剑解
      【公众号推荐】 不折腾的前端和咸鱼有什么区别

      学习不打烊,充电加油只为遇到更好的自己,365天无节假日,每天早上5点纯手工发布前端知识点(死磕自己,愉悦大家)。希望大家在这浮夸的前端圈里,保持冷静,坚持每天花20分钟来学习与思考。在这千变万化,类库层出不穷的前端,建议大家不要等到找工作时,才狂刷题,提倡每日学习!欢迎大家关注3+1开源项目!希望大家每人去学习与思考!(不要为了谁而来,要为自己而努力!

      【关注官方公众号】 每天4:30-5:00推送
      【公众号推荐】 一起折腾前端算法
      【微信学习群】 备注3+1