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>
时间: 2024-07-28 14:09:18

js勾选checkbox,按钮可按的相关文章

【easyUI】取消easyui行点击选中事件,智能通过勾选checkbox才能选中行

背景:项目中使用easyui作为前端架子.datagrid默认是点击行就选中此行然后变色. 需求:点击行不让此行选中:只能通过点击复选框才能选中某一行. 解决思路: 1.写点击行函数function onClickRow(rowIndex,rowData){} 2.查询当前datagrid所有选中行. 3.遍历选中行.对比选中行索引和点击行的索引:如果点击行的索引在所有选中行中,则取消点击行的选中状态:如果不存在,则选中点击行. 代码: <script type="text/javascr

js全选反选按钮实现

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title> </title></head><body><form action=""> <p><input type="checkbox" >我是谁</p> &

用DIV遮罩解决checkbox勾选无效的问题

在前端开发的过程中,遇到一种情况,需要勾选,为了用户的操作便捷就将click事件放到了DIV上.(其中使用了knockout.js) 代码大概如下: <div id="one" data-biind="click:clickevent"> <input type="checkbox"><span>有事请勾我</span> </div> 但是这样写出现了一个奇怪的现象,鼠标点击div一切正

checkbox属性checked=&quot;checked&quot;通过js已设置,但是不勾选

1.通过 attr('checked','checked') 来设置checkbox时,重复点击,虽然checked属性设置正确,但是checkbox没有被勾选 ,如下代码:(代码是全选功能) $('#ckAll').click(function(){            if($('#ckAll ').attr('checked') == 'checked'){                $('#ckAll').removeAttr('checked');            }els

checkbox属性checked="checked"通过js已设置,但是不勾选

1.通过 attr('checked','checked') 来设置checkbox时,重复点击,虽然checked属性设置正确,但是checkbox没有被勾选 ,如下代码:(代码是全选功能) $('#ckAll').click(function(){            if($('#ckAll ').attr('checked') == 'checked'){                $('#ckAll').removeAttr('checked');            }els

js一键勾选所有的checkbox

//一键勾选全部的checkbox function checkAll(){ var obj = document.getElementById("all"); var arr = document.getElementsByName("one"); for(var i = 0; i < arr.length; i++){ arr[i].checked = obj.checked; } } 原文地址:https://www.cnblogs.com/demon0

jquery,checkbox无法用attr()二次勾选

今晨,漂亮的测试妹妹提了个奇怪的bug,说我一功能checkbox时隐时现,比如第一次打开有勾选,第n次打开可能就不选了. 想到与美女有亲密接触机会,马上鸡动起来. 经过偶层层抽次剥茧(da da jiang you),终于知道了原因:attr()在二次选中勾选框时,失效. 比如,如下HTML页面,一点[选中].二点[取消选中].三点[选中],瞧,不行了呗. <!doctype html> <html lang="en"> <head> <me

android的listview加checkbox实现单保存checkbox的勾选信息

最近做一个项目时想要增加安卓端的一个功能,就是增加一个activity上面有很多checkbox的勾选信息,然后可以给人选择多选框,看起来还算很简单..但是真正做起来就有很多麻烦了.. 虽然我对安卓有点了解,以前也看过一些代码,但都是看别人的代码,看代码当然简单啦,这下要全部自己写,这下有点棘手了,一开始真是无从下手啊,后来去网上查了一下,觉得有个人的写法不错,就是用listview导入adapter的布局这样子,于是我就照着他的代码的原型开始改了起来. 改了N久,终于改的有点样子了,其中也花了

jquery checkbox勾选/取消勾选的诡异问题

<form> 你爱好的运动是?<input type="checkbox" id="CheckedAll" />全选/全不选<br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" v