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

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

  • 本文向大家介绍jquery.tagsinput.js实现记录checkbox勾选的顺序,包括了jquery.tagsinput.js实现记录checkbox勾选的顺序的使用技巧和注意事项,需要的朋友参考一下 业务需求:可以根据checkbox的先后勾选传递有顺序的值让后台接收,决定用tagsinput显示checkbox的先后勾选顺序,并实时响应checkbox的勾选状态 思路:checkbox的