jq实现两个input输入同时不为空时，改变确认框背景颜色

最新推荐文章于 2021-01-07 20:27:39 发布

weixin_30709929

最新推荐文章于 2021-01-07 20:27:39 发布

阅读量609

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liyouwu/p/9759875.html

版权

 <!DOCTYPE html>
 <html>
 <head>
 	<title></title>
 </head>
 <body>
<li class="wb-real-name">
	<label class="real-name" for="">真实姓名：</label>
	<input type="text" id="input1" placeholder="请输入您的真实姓名" />
</li>
<li class="wb-id-card">
	<label class="id-card" for="">身份证号：</label>
	<input type="text" id="input2" placeholder="请输入您的身份证号码"/>
</li>
<li class="wb-submit">
	<input type="submit" class="submit" id="sb" value="确定">
</li>

<script type="text/javascript" src="jquery-1.9.1.js"></script>

<script type="text/javascript">
	$(function(){
    $('input').on('input propertychange', function() {

      if(($.trim($('#input1').val()) !== "") && ($.trim($('#input2').val()) !== "")){
        $('#sb').css('background','#f03468');
      } else {
         $('#sb').css('background','#999');
      }
    });
  
  });
</script>
 
 </body>
 </html>

原文地址：https://segmentfault.com/q/1010000004137655

转载于:https://www.cnblogs.com/liyouwu/p/9759875.html

weixin_30709929

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq实现两个input输入同时不为空时，改变确认框背景颜色

<!DOCTYPE html> <html> <head> <title></title> </head> <body><li class="wb-real-name"> <label class="real-name" for="">真实姓名：</...
复制链接

扫一扫