为了账号安全,请及时绑定邮箱和手机立即绑定

JQ的两段代码方法一样,元素不一样,如何简化代码

JQ的两段代码方法一样,元素不一样,如何简化代码

慕勒3428872 2018-08-07 10:09:09
查看完整描述

1 回答

?
绝地无双

TA贡献1946条经验 获得超4个赞

$("input[name='mobile'],input[name='codep']").on('input propertychange',function(){   var $this = $(this),       val = $this.val(),
       $btn = $this.closest(".innercontent").find("button"); //这里的button标签最好有个类名来限制一下,比如button.btn-step,不然如果有多个button标签就会有问题。
   if(val!=""){
         $btn.prop('disabled',false).css('background','#6f60cf');               
   }else{
       $btn.prop('disabled',true).css('background','#a396f7');               
    }
});

attr和prop的用法是不同的,你可以看看jquery的官方文档有解释英文版,这是中文版

关于你在答案一种的评论,你的这个.btn-stepa和.btn-stepb是可以优化的,前提是你让我看一下你的html结构。


查看完整回答
反对 回复 2018-09-16
  • 1 回答
  • 0 关注
  • 816 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信