首页 > 代码库 > js勾选checkbox,按钮可按
js勾选checkbox,按钮可按
主要实现jquery方法,勾选checkbox后按钮变色并且除去disabled
$(function () { $(‘.pricing-box‘).click(function () { $(this).addClass("select").siblings().removeClass("select"); }) $(".agree-choose input[type=‘checkbox‘]").change(function () { if ($(this).is(‘:checked‘)) { $("#submit-btn").removeClass("disabled"); } else { $("#submit-btn").addClass("disabled"); } }) })
<div class="agree-service-wrap"> <input type="checkbox" name="enableDiscount" class="price-factor hide"> <div class="agree-choose pull-right checkbox"> <label> <input id="agree-choose" name="agree-choose" type="checkbox" class="ace"> <span class="lbl"> <span class="agree-use">我已阅读并同意签署</span><a href="" target="_blank">《服务协议》</a></span> </label> </div> </div>
<footer class="order-price pull-right"><input type="hidden" name="costTotal" class="cost-total" value="0">
<div class="price-total">
<span class="price-label">总计:</span><span class="price">¥ 2490</span>
<p>购买后店铺可容纳10个成员</p>
<p> 到期时间为2018年5月22日</p>
</div>
<div class="order-submit"><a id="submit-btn" href="payment-order.html" type="button" class="btn btn-primary disabled btn-round">提交订单</a></div>
</footer>
js勾选checkbox,按钮可按
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。