• 常见jquery问题


      这里将会总结一些单选框,复选框,文本域之类的问题

      【复选框实现单选】

    $("input[name='E_IndustrySector']").click(function () {
    
                    // 取消全部checkbox的选中
    
                    $("input[name='E_IndustrySector']").prop("checked", false);
    
                    // 设置选中当前
    
                    $(this).prop("checked", true);
    
                });

      【单选框实现性别选择】

    <div class="radio-div">
                            <div style=" 100px; float: left;">
                                <input name="E_Gender" type="radio" value="男" id="man">
                                <label class="checked"><em></em><span></span></label>
                            </div>
                            <div style=" 100px; float: left;">
                                <input name="E_Gender" type="radio" value="女" id="woman">
                                <label><em></em><span></span></label>
                            </div>
                            <input id="E_Gender" name="E_Gender" type="hidden" value="男">
                        </div>
    $(".radio-div label").click(function () {
                    var radio = $(".radio-div label");
                    var a = $(this)[0].innerText;
                    if (a == "男") {
                        $(radio[0]).addClass("checked");
                        $(radio[1]).removeClass("checked");
                    } else {
                        $(radio[0]).removeClass("checked");
                        $(radio[1]).addClass("checked");
                    }
                    $(".radio-div #E_Gender").val(a);
                    var b = $(".radio-div #E_Gender").val();
                    console.log(b);
                });

      【将数据库中用逗号分隔的字符转化成复选框的选项】

    $("[name='E_IndustrySector']").each(function () {
                if (row.E_IndustrySector != null) {
                    if (row.E_IndustrySector.indexOf($(this).val()) > -1) {
                        $(this).attr('checked', true)
                    }
                }
            })

      【在div中插入图片】

    if (row.E_ImgUrl != null) {
                
                html = "<img id='myImg' src='" + row.E_ImgUrl + "' style='100%;height:100%'>";
            } else {
                html = "<img id='myImg' src='" + defaultUrl + "' style='100%;height:100%'>";
            }
            $("#imgDiv").html(html);

      【验证邮箱和联系方式】

    var mailstr = /^[A-Za-zd0-9]+([-_.][A-Za-zd]+)*@([A-Za-zd]+[-.])+[A-Za-zd]{2,5}$/;
    
    var isMobile = /^(?:13d|15d)d{5}(d{3}|*{3})$/;
            var isPhone = /^((0d{2,3})-)?(d{7,8})(-(d{3,}))?$/;
    
    //判断联系方式是否正常
    if (!isMobile.test(contact) && !isPhone.test(contact)) 

      【实现禁用输入框,文本域,radio】

      直接在html元素尾部添加 disabled

    记录编程的点滴,体会学习的乐趣
  • 相关阅读:
    关于项目架构设计的一些规范
    Repository 返回 IQueryable?还是 IEnumerable?
    EntityFramework DbContext 线程安全
    ASP.NET 页面禁止被 iframe 框架引用
    2015-写给明年现在的自己
    RESTful API URI 设计: 查询(Query)和标识(Identify)
    深入探讨:标签(Tag)的各种设计方案
    RESTful API URI 设计: 判断资源是否存在?
    iPhone 6/plus iOS Safari fieldset border 边框消失
    追根溯源:EntityFramework 实体的状态变化
  • 原文地址:https://www.cnblogs.com/AduBlog/p/13438700.html
Copyright © 2020-2023  润新知