zoukankan      html  css  js  c++  java
  • 关于<input>的radio和CheckBox属性获取值问题

    废话不多说上代码

    //单选框获取值
    var receiptType=$('input:radio[name="receipt_type"]:checked').val(); $('#cart_quotations').append('<input type="hidden" name="receiptType" value="' + receiptType + '"/>'); alert("1111="+receiptType); var priceConfig=$('input:radio[name="price_config"]:checked').val(); $('#cart_quotations').append('<input type="hidden" name="priceConfig" value="' + priceConfig + '"/>'); alert("2222="+priceConfig); // var receiptType=$('input:checkbox[name="product_attr_config[]"]:checked').val();
    //复选框获取值 var text = $("input:checkbox[name='product_attr_config[]']:checked").map(function(index,elem) { return $(elem).val(); }).get().join(','); $('#cart_quotations').append('<input type="hidden" name="text" value="' + text + '"/>'); alert("选中的checkbox的值为:"+text);
    //只需获取个数
    var cks = document.querySelectorAll("input[type=checkbox]:checked"); alert("你选中了-->" + cks.length + "<--个");
    单选:
    <input value="0" name="receipt_type" type="radio">
    var receiptType=$('input:radio[name="receipt_type"]:checked').val();
    复选:
    <input name="product_attr_config[]" id="ind0" value="0" type="checkbox">
     var text = $("input:checkbox[name='product_attr_config[]']:checked").map(function(index,elem) {
                    return $(elem).val();
  • 相关阅读:
    数据结构笔记(一)
    Distance dependent Chinese Restaurant Processes
    距离依赖中餐馆过程
    AOP技术-02
    AOP技术-01
    Oracle-06
    web-02-css01
    web-02-css
    web-01
    jQuery对ajax的支持
  • 原文地址:https://www.cnblogs.com/huanglp/p/9134328.html
Copyright © 2011-2022 走看看