zoukankan      html  css  js  c++  java
  • jquery 对表单进行各种赋值

    1、文本框赋值

    $("#txtBrand").val("21");

    2、获取img的src的值

    $("#img")[0].src;

    3、修改img的src的值

    $("#img").attr('src',path);

    4、ddl下拉框赋值

    $("#ddlUnit").val("");

     5、ddl下拉框取值

    $("#ddlProvince option:selected").text();//取文本内容
    
    $("#ddlProvince option:selected").val();//取值
    

    6、已选中内容拼接

    function DistrictValue() {
    var str = "";
    $("input[name='chkDistrict']:checked").each(function (index, item) {
    if ($("input[name='chkDistrict']:checked").length - 1 == index) {
    str += $(this).val();
    } else {
    str += $(this).val() + ";";
    }
    });
    $("#hideDistrict").val(str);
    }
    

    7、input-radio获取文本

    <asp:RadioButton ID="rdoIsSpecialOrder0" GroupName="IsSpecialOrder" Text="否" Checked="true" CssClass="mr20" runat="server" />
    <asp:RadioButton ID="rdoIsSpecialOrder1" GroupName="IsSpecialOrder" Text="是" runat="server" />
    
    $(function () {
          $('input:radio[name=IsSpecialOrder]').change(function () {
                    //对应的选中后,将执行的其他事件
                });
    });
    //获取选中的值
    if ($('input[name=IsSpecialOrder]:checked').val() == 'rdoIsSpecialOrder1') {
                        IsSpecialOrder = 1;
                    }
    

    8、checkbox获取参数

    $("input[type='checkbox'][name='dangerousGoods']:checked").length;//获取选中的个数

    9、自定义传参,样式循环遍历,获取循环中的list信息

    //自定义扩展参数

    <input class="cgd_input w120 txtInputparam" type="text" data-colname="Name" data-colid="ColumnID" id="IndustryColumnID" maxlength="20">

                function CheckGoodsInfo() {
    var submitParamData= new Array(); //input填空参数 $.each($(".txtInputparam"), function (i, item) { if ($(this).val() != "") { submitParamData.push({ ParamId: $(this).attr("data-colid") , ParamName: $(this).attr("data-colname") , ParamValue: $(this).val() }); } });

                  $("#hidProductInfo").val(JSON.stringify(submitParamData));//转为json序列化存储,可以后台或者ashx读取调用

                }

    对应ashx后台,接收传值后,给list<T>赋值
    string strSale = DataConvert.ToString(context.Request["strSale"]).Trim();//数组
    List<SaleModel> _saleModelList = new List<SaleModel>();
    _saleModelList = Newtonsoft.Json.JsonConvert.DeserializeObject<List<SaleModel>>(strSaleOrder);

    将数组或集合 转换成以逗号分隔的字符串
    string[] array = { etr, kdgj, 3454, tyt, gff }; string str=string.Join(",",array);

     10、单选框 radio总结 

    <div class="radio-inline">
        <input type="radio"  name="killOrder" id="killOrder1" value="1"/>
        <label for="killOrder1">是</label>
    </div>
    <div class="radio-inline">
        <input type="radio"  name="killOrder" id="killOrder2" value="0" checked/>
        <label for="killOrder2">否</label>
    </div>

    1.获取值
    $("input[name='killOrder']:checked").val();
    $('input:radio:checked').val();
    $("input[type='radio']:checked").val();
    $(":radio[checked]").each(function(radio){alert($(this).val());

    注意:有时attr() 无法起到作用,attr() 与 prop() 的区别详见文章。
    https://blog.csdn.net/qq_40015157/article/details/110823718

    2.设置第一个radio为选中值:

    $('input:radio:first').prop('checked', 'checked');
    $('input:radio:first').prop('checked', true);
    $('input:radio:first').attr('checked', 'checked');
    $('input:radio:first').attr('checked', true);

    3.设置最后一个radio为选中值:
    $('input:radio:last').prop('checked', 'checked');
    $('input:radio:last').prop('checked', true);
    $('input:radio:last').attr('checked', 'checked');
    $('input:radio:last').attr('checked', true);

    4.根据索引值设置任意一个radio为选中值:
    $('input:radio').eq(索引值).prop('checked', true);//索引值=0,1,2....
    $('input:radio').slice(1,2).prop('checked', true);
    $('input:radio').eq(索引值).attr('checked', true);//索引值=0,1,2....
    $('input:radio').slice(1,2).attr('checked', true);

    5.根据value值设置radio为选中值
    $("input:radio[value='2']").prop('checked', true);
    $("input[value='1']").prop('checked', true);
    $("input:radio[value='2']").attr('checked', true);
    $("input[value='1']").attr('checked', true);

    6.删除value值为2的radio
    $("input:radio[value='2']").remove();

    7.删除第几个radio
    $("input:radio").eq(索引值).remove();//索引值=0,1,2....
    //如删除第3个radio:$("input:radio").eq(2).remove();

    8.遍历radio
    $('input:radio').each(function(index,domEle){
    //写入代码
    });

    9.修改单选框样式
    input[type="radio"] + label::before {
    content: "a0";
    display: inline-block;
    vertical-align: middle;
    15px;
    height: 15px;
    margin-right: 5px;
    border-radius: 50%;
    text-indent: .15em;
    margin-bottom: 4px;
    border: 1px solid #CCCCCC;
    }
    input[type="radio"]:checked + label::before {
    background-color: #4A90E2;
    background-clip: content-box;
    padding: 2px;
    }
    input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    }
    .radio-inline{
    padding-left: 0;
    }
    input[type=radio][disabled]:checked + label::before{
    background-color:#CCCCCC;
    background-clip: content-box;
    padding: 2px;

    }
    复选框总结 : https://blog.csdn.net/qq_40015157/article/details/110819778
    全选反选 :https://blog.csdn.net/qq_40015157/article/details/110661715
    https://blog.csdn.net/qq_40015157/article/details/80693777
    输入框: https://blog.csdn.net/qq_40015157/article/details/80692543

     11、判断数组的值是否一致,采用最大值和最小值比较  

    var arrAreaId = new Array();
    //遍历对应选中的input,把值存储到数组中 $(
    "input[name='cart_check']:checkbox:checked").each(function () { arrAreaId.push($(this).attr("data-areaId")); })
    //判断数组的值是否一致,采用最大值和最小值比较
    if (Math.max.apply(null, arrAreaId) === Math.min.apply(null, arrAreaId)) {
    //一致
    }
  • 相关阅读:
    CC2431 代码分析⑦
    CC2431 代码分析 ⑤
    CC2431 代码分析⑥
    CC2431 代码分析④-衣锦还乡的CC2431
    基于CC2530/CC2430 的光强采集系统--ADC实验
    Server2012R2 ADFS3.0 The same client browser session has made '6' requests in the last '13'seconds
    Dynamics CRM2013 任务列表添加自定义按钮
    Dynamics CRM 2011/2013 section的隐藏
    Dynamics CRM2013 定制你的系统登录后的首页面
    Dynamics CRM EntityCollection 根据实体中的某个字段为依据去除重复数据
  • 原文地址:https://www.cnblogs.com/long6286/p/13334594.html
Copyright © 2011-2022 走看看