Question

我有三个文本框，其中包含id text1，text2，text3和一个具有id检查的复选框。我在第一个文本框中显示一些内容，让我们说10.现在，如果我将选中复选框，则自动“20”将显示在第二个文本框中。第三个文本框保持不变。如果我将在第1和第2个文本框中显示内容，现在如果我要选中复选框，则第3个文本框中将显示相同的“20”。检查后，如果我在任何时候取消选中该复选框，那么值“20”也将从文本框中删除（第二或第三）任何想法好吗？请跟我一起轻松

的index.jsp

<input type="checkbox" id="check"/>

<input type="text" id="text1" value="10"/>
<input type="text" id="text2"/>
<input type="text" id="text3"/>

Answer 1

你的问题不容易理解......

选中复选框时，下一个空输入文本是否必须显示“20”值？如果未选中复选框，则最后输入“20”是清除值吗？

将“checker”类添加到每个输入文本。

<input type="checkbox" id="check"/>
<input type="text" id="text1" value="10" class="checker"/>
<input type="text" id="text2" class="checker"/>
<input type="text" id="text3" class="checker"/>
<br/>
<input type="text" id="anotherTB" value="100"/>

使用此jquery脚本代替您的

$(document).ready(function(){
    $('#check').click(function(){

        if($(this).is(':checked'))
        {
            var stop='';
            $('.checker').each(function(){
                if($(this).val()=='' && !stop)
                {
                   $(this).val('20');
                    stop='stop'; 
                   // Add something like that to set other textbox values
                   var add = parseInt($('#anotherTB').val()) + parseInt($(this).val());
                   $('#anotherTB').val(add); 
                }
            });
        }

        else if(!$(this).is(':checked'))
        {
            $('.checker').each(function(){
                if($(this).val()=='20')
                {
                   $(this).val('');
                }
            });
        }
    });
});

您可以在此处查看：http://jsfiddle.net/w9hAZ/1/

Answer 2

 $('#check').change(function(){if($(this).is(':checked'))$('#text2').val(20);});

如果要在未选中时清除该值，请使用：

 $('#check').change(function(){if($(this).is(':checked'))$('#text2').val(20);else $('#text2').val(''); });

选中复选框时，在文本框中显示数据

2 个答案: