首页 > 软件开发 > 编程语言 >

用div模拟的复选框如何判断是否被选中

来源:互联网 2023-03-17 00:16:26 410

可以用js编写或者用jquery编写Gmx办公区 - 实用经验教程分享!

用div模拟的复选框如何判断是否被选中Gmx办公区 - 实用经验教程分享!

工具/原料

  • 电脑,DW软件

方法/步骤

  • 1

    先用div简单编写一个复选框(代码如下)Gmx办公区 - 实用经验教程分享!

    div>Gmx办公区 - 实用经验教程分享!

    input type="checkbox" id="check" value="check0">复选框Gmx办公区 - 实用经验教程分享!

    /div>Gmx办公区 - 实用经验教程分享!

    (如下图)Gmx办公区 - 实用经验教程分享!

    用div模拟的复选框如何判断是否被选中Gmx办公区 - 实用经验教程分享!

  • 1该信息未经许可获取自百度经验
  • 2

    用js编写判断是否选中复选框第一种(代码如下)Gmx办公区 - 实用经验教程分享!

    Gmx办公区 - 实用经验教程分享!

    script>Gmx办公区 - 实用经验教程分享!

    var check = document.getElementById('check');Gmx办公区 - 实用经验教程分享!

    check.onclick = function(){Gmx办公区 - 实用经验教程分享!

    if(this.checked){Gmx办公区 - 实用经验教程分享!

    alert('选中复选框');Gmx办公区 - 实用经验教程分享!

    } else {Gmx办公区 - 实用经验教程分享!

    alert('没有选中复选框');Gmx办公区 - 实用经验教程分享!

    }Gmx办公区 - 实用经验教程分享!

    }Gmx办公区 - 实用经验教程分享!

    /script>Gmx办公区 - 实用经验教程分享!

    (如下图)Gmx办公区 - 实用经验教程分享!

    用div模拟的复选框如何判断是否被选中Gmx办公区 - 实用经验教程分享!

  • 3

    用js编写判断是否选中复选框第二种(代码如下)Gmx办公区 - 实用经验教程分享!

    Gmx办公区 - 实用经验教程分享!

    script> Gmx办公区 - 实用经验教程分享!

    var check = document.getElementById('check');Gmx办公区 - 实用经验教程分享!

    check.onclick=function(){Gmx办公区 - 实用经验教程分享!

    var num=check.lengthGmx办公区 - 实用经验教程分享!

    if(num==0){Gmx办公区 - 实用经验教程分享!

    alert("没有选中")Gmx办公区 - 实用经验教程分享!

    }else{Gmx办公区 - 实用经验教程分享!

    alert("已选中")Gmx办公区 - 实用经验教程分享!

    }Gmx办公区 - 实用经验教程分享!

    }Gmx办公区 - 实用经验教程分享!

    /script>Gmx办公区 - 实用经验教程分享!

    (如下图)Gmx办公区 - 实用经验教程分享!

    Gmx办公区 - 实用经验教程分享!

    用div模拟的复选框如何判断是否被选中Gmx办公区 - 实用经验教程分享!

  • 4

    用jQuery编写判断是否选中复选框第一种(代码如下)Gmx办公区 - 实用经验教程分享!

    Gmx办公区 - 实用经验教程分享!

    script src="js/j.js">/script>Gmx办公区 - 实用经验教程分享!

    script>Gmx办公区 - 实用经验教程分享!

    $.each($('#check'),function(){Gmx办公区 - 实用经验教程分享!

    $('#check').click(function(){Gmx办公区 - 实用经验教程分享!

    if(this.checked){Gmx办公区 - 实用经验教程分享!

    alert('选中复选框');Gmx办公区 - 实用经验教程分享!

    } else {Gmx办公区 - 实用经验教程分享!

    alert('没有选中复选框');Gmx办公区 - 实用经验教程分享!

    }Gmx办公区 - 实用经验教程分享!

    });Gmx办公区 - 实用经验教程分享!

    });Gmx办公区 - 实用经验教程分享!

    /script>Gmx办公区 - 实用经验教程分享!

    (如下图)Gmx办公区 - 实用经验教程分享!

    用div模拟的复选框如何判断是否被选中Gmx办公区 - 实用经验教程分享!

  • 5

    用jQuery编写判断是否选中复选框第二种(代码如下)Gmx办公区 - 实用经验教程分享!

    input type="checkbox" id="check" value="check0" onclick="check1();">Gmx办公区 - 实用经验教程分享!

    script src="js/j.js">/script>Gmx办公区 - 实用经验教程分享!

    script> Gmx办公区 - 实用经验教程分享!

    function check1() {Gmx办公区 - 实用经验教程分享!

    alert($("#check").attr("checked"));Gmx办公区 - 实用经验教程分享!

    }Gmx办公区 - 实用经验教程分享!

    /script>Gmx办公区 - 实用经验教程分享!

    (如下图)Gmx办公区 - 实用经验教程分享!

    用div模拟的复选框如何判断是否被选中Gmx办公区 - 实用经验教程分享!

  • 6

    还有很多方法,最主要的是要进行判断,判断值是否为空,从而弹出是否选中Gmx办公区 - 实用经验教程分享!

    用div模拟的复选框如何判断是否被选中Gmx办公区 - 实用经验教程分享!

  • 注意事项

    • 用jQuery编写时需要引用

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!Gmx办公区 - 实用经验教程分享!


    标签: 编程语言

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码