zoukankan      html  css  js  c++  java
  • layui 单选框取消选中

    <ul>
                                                                    <li>
                                                <span class="time">17:18</span>
                                                <span class="type">内勤</span>
                                                <span class="address" dataid="1535562000194261055">广东省广州市天河区五山路靠近金山大厦(五山路)</span>
                                                <input data-check="false" lay-filter="jiedian" id="1" type="radio" name="companyName" value="广东省广州市天河区五山路靠近金山大厦(五山路)">
                                                <label for="1"></label>
                                            </li>
                                            <li>
                                                <span class="time">13:08</span>
                                                <span class="type">内勤</span>
                                                <span class="address" dataid="1535562000194264261">广东省广州市天河区翰景路250号靠近广州天河软件金山园区</span>
                                                <input data-check="false" lay-filter="jiedian" id="2" type="radio" name="companyName" value="广东省广州市天河区翰景路250号靠近广州天河软件金山园区">
                                                <label for="2"></label>
                                            </li>
                                            
                                        
                                        
    
                        </ul>
    
    

    关键代码
    $(this).prop('checked', false);
    layui.form.render();
    用自定义属性 data-check来判读是第是否第二次点击

    
            // 再次点击取消选中
      
            $('.t-body input').on('click',function () {
               var xuanzhong = $(this).attr('data-check');
               if(xuanzhong == "false"){
                    $('.t-body input').each(function (i, input) {
                       $(input).attr('data-check', "false");
                   })
                   $(this).attr('data-check', "true");
                    $(this).prop('checked', true);
                   layui.form.render(); 
               } else{
                   $('.t-body input').each(function (i,input) {
                       $(input).attr('data-check', "false");
                   })
                    $(this).prop('checked', false);
                   layui.form.render(); 
               }
    
            })
    
    
  • 相关阅读:
    java 前端--Jquery表单验证
    java基础--IO流(3)
    工具的使用与安装--myeclipse项目导入eclispse中的设置
    洛谷 P2697 宝石串
    洛谷 P2145 [JSOI2007]祖码
    洛谷 P1005 矩阵取数游戏
    洛谷 P3205 [HNOI2010]合唱队
    洛谷 P1220 关路灯
    POJ 2152 Fire
    洛谷 P1043 数字游戏
  • 原文地址:https://www.cnblogs.com/ybixian/p/9577570.html
Copyright © 2011-2022 走看看