js之checkbox判断常用示例-低调大师

js之checkbox判断常用示例

2018-07-22 531

checkbox常用示例可参考:

关于checkbox自动选中

checkbox选中并通过ajax传数组到后台接收

MP实战系列(十三)之批量修改操作(前后台异步交互)

本次说的是，还是关于智能门锁开锁方式。通常情况下，开锁方式必须选择两种，或至少选择两种,否则就无法弹出对应的开锁方式列表以供勾选，这样一来。这就需要js层面的判断了，不可能全部推到服务器，这样用户少还好，用户多了，就不多说了。

还是那句话，前端能搞定的，就不要后端，特别是JS判断等。前端主要负责的是获取接口，得到数据，渲染html。

示例中，涉及到layui前端框架，关于layui前端框架，可参考我的这篇博文:layui弹出层之应用实例讲解

js代码如下:

    

  function test(){
        var names = document.getElementsByName("lock_id");          
        var flag = false ;//标记判断是否选中一个               
        for(var i=0;i<names.length;i++){
            if(names[i].checked){
                
                layui.use('layer', function(){
                    var layer = layui.layer;

                    layer.open({
                        type: 1, 
                        area: ['400px', '400px'],
                        content: '<div align="center"> <label class="layui-form-label">初始开锁</label><div>人脸识别:<input type="checkbox" name="first_way" title="人脸识别" id="a1" onclick="this.value=(this.value==0)?1:0"> &nbsp;&nbsp;  密码:<input type="checkbox" name="first_way" title="密码" id="b2" onclick="this.value=(this.value==0)?1:0">&nbsp;&nbsp;  二维码: <input type="checkbox" name="first_way" title="二维码" id="a3" onclick="this.value=(this.value==0)?1:0">&nbsp;&nbsp;  远程: <input type="checkbox" name="first_way" title="远程" id="a4" onclick="this.value=(this.value==0)?1:0">&nbsp;&nbsp;   指纹: <input type="checkbox" name="first_way" title="指纹" id="a5" onclick="this.value=(this.value==0)?1:0"><br/> <label class="layui-form-label">后续开锁</label><div>人脸识别:<input type="checkbox" name="laster_way" title="人脸识别" id="b1" onclick="this.value=(this.value==0)?1:0"> &nbsp;&nbsp;  密码:<input type="checkbox" name="laster_way" id="b2" title="密码" onclick="this.value=(this.value==0)?1:0">&nbsp;&nbsp;  二维码: <input type="checkbox" name="laster_way" title="二维码" id="b3" onclick="this.value=(this.value==0)?1:0">&nbsp;&nbsp;  远程: <input type="checkbox" name="laster_way" title="远程" id="b4" onclick="this.value=(this.value==0)?1:0">&nbsp;&nbsp;   指纹: <input type="checkbox" name="laster_way" title="指纹" id="b5" onclick="this.value=(this.value==0)?1:0"><br/><p><input type="button" value="提交" onclick="test2()"/></p></div>' //这里content是一个普通的String
                      });
                  }); 
                
                    flag = true ;
                    break ;
             }
         }
         if(!flag){
             layui.use('layer', function(){
                 var layer = layui.layer;
                 
                 layer.alert("至少选择一个门锁",{icon:5});
           });
            return false ;
         }
    
      
          
          
   }

微信关注我们

原文链接：https://yq.aliyun.com/articles/645148

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

NLP产品级系统设计模式

摘要：在本文中，作者从六个方面描述了一些生产NLP系统的常见设计和部署模式。这些是团队为了使产品开发与技术、业务、战略和操作目标保持一致而必须做出的选择或权衡。虽然构建NLP系统可能很复杂，但是在构建NLP系统时，重要的是要记住，构建的系统需要解决某一个任务，并且只是实现这个目标的一种方法。在系统构建过程中，工程师、研究人员、设计师和产品经理通常有多个选择。虽然我们的书主要集中在技术或基础构建块上，但是将这些构建块放在一起来设计复杂的结构来满足你的需求将需要一些模式思考。模式思维和描述模式的语言是“在专业领域中描述好的设计实践或有用的组织模式的方法”。这在许多学科中都很流行(Alexander, 1979)，包括软件工程。因此我们主要从以下从六个方面来研究这些设计选择： 1、在线系统和离线系统:在线系统是指需要实时或接近实时地进行模

2018-07-23

649

【导读】自然语言处理有众多的研究子领域，很多仍然未解决达到可实用的性能。为此，NLP领域的研究者正致力于解决这些问题。那如何最终这些NLP任务的研究最新进展？作者 Sebastian Ruder开发了nlpprogress.com网站, 追踪自然语言处理（NLP）的研究进展，并简要介绍最常见 NLP 任务的当前最佳研究和相关数据集。 1.CCG 超级标记组合范畴语法（CCG; Steedman, 2000）是一种高度词汇化的形式主义。Clark 和 Curran 2007 年提出的标准解析模型使用了超过 400 个词汇语类（或超级标记（supertag）），典型的解析器通常只包含大约 50 个词性标注。示例： CCGBankCCGBank 是 CCG 衍生物的语料库，以及从 Hockenmaier 和 Steedman 2007 年提出的 Penn Treebank 中提取的依存结构。第 2-21 部分用于训练，第 00 部分用于开发，第 23 部分用作域内测试集。其性能仅在 425 个最常用的标签上计算。模型基于准确率来评估。 2.分块分块（chunking）是解析的浅层形式，可...

2018-07-23

736

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。