五分钟内反应回复,平均十分钟解决任何IT技术问题,按难度跟工作量收费!

jquery实时监控输入框的代码案例

admin |浏览554次
检举|收藏|2017/06/14 11:00

<html>
<title></title>
<body>
<script type="text/javascript" src="jquery-1.5.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $('input').bind('input propertychange', function(i,btn) {searchProductClassbyName($(this),this.value);});
});
function searchProductClassbyName(that,a)
{
var a=that.val();
if(a!="")//当该输入框有数字的时候
{
//alert(a+"其他的输入框变成不可用!!");
//$('input').attr('readOnly', 'true');
$('input').not(that).attr('readOnly', 'true');//技巧一
}
else//当该输入框没有数字的时候
{
//alert("其他的输入框变成可用");
$('input').removeAttr('readOnly');
//$('input').attr('readOnly', 'false');//不能用这个语句去去除readonly的属性哦!技巧二
}
}
$(function(){
$('input').click(function(){
var tt=$(this).attr('readOnly');
//alert(tt);
if(tt)
{
alert("对不起,一期之中的同一个玩法,你只能下注一注!");
}
})
})
</script>
<input type="text" name="1" value="" >
<input type="text" name="2" value="">
<input type="text" name="3" value="">
</body>
</html>


并附上一共5个经典案例,都是用jquery实时监控input输入框的代码案例!


jquery实时监控输入框.zip


全部回答(0)
 加载中...