checkbox 引用样式用jQuery实现选中

来源:互联网 发布:手机主题壁纸软件 编辑:程序博客网 时间:2024/06/02 05:31
<input type="checkbox" name="check" style="display:none"/>                        <a href="javascript:;" class="checkbox check-no"></a>                        <span class="green678">记住密码</span>

check-yes 为选中样式

check-no为没选样式

/*记住密码是否选中*/$(function(){var check = "checkbox";var yes = 'check-yes';var no = 'check-no';//var isCheck = true;$(".checkbox").bind("click",function(){var isCheck = false;  //是否选中var _this = $(this);if(_this.hasClass(yes)){_this.removeClass(yes);_this.addClass(no);isCheck = false;}else{_this.removeClass(no);_this.addClass(yes);isCheck = true;}if(isCheck == true){$("[name = check]:checkbox").attr("checked",true);}else{$("[name = check]:checkbox").attr("checked",false);}})})


0 0
原创粉丝点击