当前位置: 首页 > 编程笔记 >

checkbox勾选判断代码分析

房星光
2023-03-14
本文向大家介绍checkbox勾选判断代码分析,包括了checkbox勾选判断代码分析的使用技巧和注意事项,需要的朋友参考一下

var xieYi=document.getElementById("xieYi");
if(!xieYi.checked){
    alert("请先阅读并勾选注册协议!");
    return;     
  }

最开始这样写,不过并不是所有的情况都需要勾选这个协议,协议有时不会在前台页面显示,所以改了第二种

var xieYi=document.getElementById("xieYi");
    if(!xieYi== null && !xieYi.checked){
        alert("请先阅读并勾选注册协议!");
        return;        
    }

当xieYi不存在的时候,xieYi为null,判断xieYi不为null的时候并且xieYi没有勾选的时候就alert。

可惜,这段代码没有发挥预想中的作用。

最后发现是判断xieYi写错了。

最终版:

var xieYi=document.getElementById("xieYi");
    if(xieYi!= null && !xieYi.checked){
        alert("请先阅读并勾选注册协议!");
        return;        
    }

 类似资料:
  • 本文向大家介绍checkbox选中与未选中判断示例,包括了checkbox选中与未选中判断示例的使用技巧和注意事项,需要的朋友参考一下

  • 本文向大家介绍jquery checkbox 勾选的bug问题解决方案与分析,包括了jquery checkbox 勾选的bug问题解决方案与分析的使用技巧和注意事项,需要的朋友参考一下 在做项目的时候遇到个jQuery checkbok复选框的选中取消的BUG,咨询了大神,才闹明白怎么回事,这里记录下来,分析给大家。 先上代码: 第一次执行,没问题,但第二次执行就有问题了,选择不了 解决办法:把

  • 本文向大家介绍jQuery判断checkbox是否选中的3种方法,包括了jQuery判断checkbox是否选中的3种方法的使用技巧和注意事项,需要的朋友参考一下 jQuery能够极大提高html的编写效率,其中checkbox的选中判断有几种: 1, $(checkbox的id).prop("checked") 返回的是一个boolean值类型 2, $(this).is(":checked")

  • 本文向大家介绍Angular.JS判断复选框checkbox是否选中并实时显示,包括了Angular.JS判断复选框checkbox是否选中并实时显示的使用技巧和注意事项,需要的朋友参考一下 首先来看看简单的效果图,如下所示: 看一下html代码: line2 定义了AngularJS App; line4 引入angularjs脚本; line5 引入自己写的script2.js脚本; line

  • 本文向大家介绍jquery判断checkbox是否选中及改变checkbox状态的实现方法,包括了jquery判断checkbox是否选中及改变checkbox状态的实现方法的使用技巧和注意事项,需要的朋友参考一下 jquery判断checked的三种方法: .attr('checked):   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或fals

  • 本文向大家介绍JavaScript判断表单中多选框checkbox选中个数的方法,包括了JavaScript判断表单中多选框checkbox选中个数的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript判断表单中多选框checkbox选中个数的方法。分享给大家供大家参考。具体如下: 这里使用JavaScript检测并判断出表单中多选框的选中个数,也就是checkbox被