自动填充文本框,如果为空

时间:2014-03-11 06:05:20

标签: jquery

这里我添加并比较了文本框的值。 Textbox1正在比较textbox2, textbox3, textbox4 and textbox5的值。如果该值大于或小于textbox1的值,则清除另一个文本框。我需要做的是,即因为

如果textbox1 = 10textbox2 = 10其他文字框应自动获得零值。

请帮忙吗?

这是我的工作小提琴http://jsfiddle.net/WS6zG/

$('#smbt').on('click',function(){
    var textBox1=$("input[id='txtbox1']").val();
    var textBox2=$("input[id='txtbox2']").val();
    var textBox3=$("input[id='txtbox3']").val();
    var textBox4=$("input[id='txtbox4']").val();
    var textBox5=$("input[id='txtbox5']").val();

if((+textBox2 + +textBox3 + +textBox4 + +textBox5) > textBox1){
    $('#txtbox2').val('');
    $('#txtbox3').val('');
    $('#txtbox4').val('');
    $('#txtbox5').val('');
  alert('value is greater than quantity');  
    return false;
}else if((+textBox2 + +textBox3 + +textBox4 + +textBox5) < textBox1){
    $('#txtbox2').val('');
    $('#txtbox3').val('');
    $('#txtbox4').val('');
    $('#txtbox5').val('');
  alert('value is lower than quantity');  
    return false;
    }
    else{
    }
});

2 个答案:

答案 0 :(得分:0)

你可以这样试试

<input type="text" id="first"/>
<input type="text" />
<input type="text" />
<input type="text" />
<input type="text" />

jquery的

$("#first").change(function(){
$("input:not(#first)").each(function(){
if(parseInt($("#first").val())>parseInt($(this).val()))
   {
   $(this).val("");
   }
});
});

Demo

答案 1 :(得分:0)

onClick

中试试
$("input:not(#txtbox1)").each(function(){
    var valuet = parseInt($(this).val());
    alert(valuet);
    if(valuet > textBox1)
    {   
        $(this).val(0);

    }
    else if(valuet < textBox1){
        $(this).val(0);

    }else if(valuet == textBox1){
        $(this).removeClass("txtboxClass");
        $(".txtboxClass").val(0);
        return false;   
    }   
});

txtboxClass类应该应用于除textBox1之外的所有其他文本框。

这将帮助您在数字等于textBox1值时停止循环。

希望这有帮助。