javascript - jquery如果用户没有选择颜色 和尺码 ，点击立即购买 弹出提醒用户选择，怎么判断？

问题描述

问 题

  <!--选择颜色 尺码 数量 -->
<div class="detail-number">
 <dl class="c80">
     <dt class="m-dt">运费 :</dt>
     <dd>包邮（偏远地区除外）</dd>
 </dl>
<dl class="c80">
    <dt class="m-dt">颜色 :</dt>
    <dd>
        <ul class="list-inline color">
            <li><a href="">红色</a></li>
            <li class="disabled"><a href="">卡其色</a></li>
            <li><a href="">卡其色</a></li>
        </ul>
    </dd>
</dl>
<dl class="c80">
    <dt class="m-dt">尺码 :</dt>
    <dd>
        <ul class="list-inline color">
            <li><a href="">120</a></li>
            <li><a href="">130</a></li>
            <li><a href="">140</a></li>
        </ul>
    </dd>
</dl>
<dl class="c80">
    <dt class="m-dt">数量 :</dt>
    <dd>
        <div class="detail-cale">
            <a href="" class="detail-op min disabled">-</a>
                <input readonly="readonly" class="view-BuyNum" type="text" value="1">
            <a href="" class="detail-op max">+</a>
        </div>
</dl>
<dl>
    <dd>
        <div class="detail-card">
            <button type="button" class="btn btn-red">加入购物车</button>
            <button type="button" class="btn btn-blue">立即购买</button>
        </div>
    </dd>
</dl>
</div>

如果用户没有选择颜色 和尺码 ，点击立即购买 弹出提醒用户选择。
颜色和尺码我html结构是 ul>li>a写的。
怎么判断出来用户没选择
新人请教下。

解决方案

颜色或者尺寸应用的ul，li这样的吧，或者a标签，在页面加一个隐藏控件，默认值0，点击颜色的时候取出点击的颜色id，赋值给隐藏控件，点击购买判断需要处理的颜色的隐藏控件的数值是不是0，是0说明没选择颜色还
如：<input type="hidden" id="hiddenInvestmentTypeBig" value="" />
JS：`

//大类切换 
$("#investmentTypeBig ul li").click(function () {
    $("#investmentTypeBig ul li").each(function () {
        $(this).attr("class", "tb");
    });
    $(this).attr("class", "ta");
    $("#hiddenInvestmentTypeBig").val($(this).attr("id"));  
});`

我写的这个是个例子，jQuery处理点击颜色的li的时候，取出li的颜色id，赋给input hidden即可
点击发布或者提交的时候，判断 hiddenInvestmentTypeBig 控件数值是否为空，为空说明没选择大类，颜色
我写的是简单思路，希望对你有帮助

这篇关于javascript - jquery如果用户没有选择颜色 和尺码 ，点击立即购买 弹出提醒用户选择，怎么判断？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！