知识学堂 > 课程 > H5多选

H5多选

发布日期:2021/11/30 来源:聚恒【返回】

  <script>
    $(function () {
        $(".sys_item_spec .sys_item_specpara").each(function () {
            var i = $(this);
            var p = i.find("ul>li");
            p.click(function () {
                if (!!$(this).hasClass("selected")) {
                    $(this).removeClass("selected");
                    i.removeAttr("data-attrval");
                } else {
                    $(this).addClass("selected");//单选
                    //$(this).addClass("selected").siblings("li").removeClass("selected");//多选
                    i.attr("data-attrval", $(this).attr("data-aid"))
                }
               
            })
        })
        //获取对应属性的价格
        function getattrprice() {
            var defaultstats = true;
            var _val = '';
            var _resp = {
                mktprice: ".sys_item_mktprice",
                price: ".sys_item_price"
            }  //输出对应的class
            $(".sys_item_spec .sys_item_specpara").each(function () {
                var i = $(this);
                var v = i.attr("data-attrval");
                if (!v) {
                    defaultstats = false;
                } else {
                    _val += _val != "" ? "_" : "";
                    _val += v;
                }
            })
            if (!!defaultstats) {
                _mktprice = sys_item['sys_attrprice'][_val]['mktprice'];
                _price = sys_item['sys_attrprice'][_val]['price'];
            } else {
                _mktprice = sys_item['mktprice'];
                _price = sys_item['price'];
            }
            //输出价格
            $(_resp.mktprice).text(_mktprice);  ///其中的math.round为截取小数点位数
            $(_resp.price).text(_price);
        }
    })
    </script>

<div class="sys_item_spec">
<h3>产品样本</h3>
<dl class="clearfix iteminfo_parameter sys_item_specpara" data-sid="2">
<dd>
<ul class="sys_spec_text">
<%
                                    if (DownLoad_List_1.Count > 0)
                                    {
                                        foreach (var item in DownLoad_List_1)
                                        {
%>
<li data-aid="<%=item.id %>" onclick="javascript:cc1('<%=item.title %>');"><%=item.title %><i></i></li>
<%
                                        }
                                    }
%>
</ul>
</dd>
</dl>
<div class="cb"></div>
</div>