Javascript 如何在复选框勾选时将在一个文本框中输入的数据显示到另一个文本框中?

Javascript 如何在复选框勾选时将在一个文本框中输入的数据显示到另一个文本框中?,javascript,jquery,html,Javascript,Jquery,Html,我试图将在一个文本框中输入的数据反映到复选框勾选的另一个文本框中。复选框的默认状态已选中。该值在取消选中并再次检查后应更改。尽管代码似乎正在运行,但我得到的唯一输出是“on” $(“.check”)。单击(函数(){ 如果($(this).is(“:checked”)){ $('.add1').val(this.value)==$('.add2').val(this.value); } }); 传递$('.add2').val()的结果('.add1').val() .val()可用于检索或

我试图将在一个文本框中输入的数据反映到复选框勾选的另一个文本框中。复选框的默认状态已选中。该值在取消选中并再次检查后应更改。尽管代码似乎正在运行,但我得到的唯一输出是“on”

$(“.check”)。单击(函数(){
如果($(this).is(“:checked”)){
$('.add1').val(this.value)==$('.add2').val(this.value);
}
});

传递
$('.add2').val()
的结果('.add1').val()

.val()
可用于检索或分配输入值。可以在不使用参数的情况下调用它,该参数将返回输入的字符串值。或者,可以使用将值分配给输入的参数调用它

$(“.check”)。单击(函数(){
如果($(this).is(“:checked”)){
$('.add2').val($('.add1').val());
}
});

传递
$('.add2').val()
的结果('.add1').val()

.val()
可用于检索或分配输入值。可以在不使用参数的情况下调用它,该参数将返回输入的字符串值。或者,可以使用将值分配给输入的参数调用它

$(“.check”)。单击(函数(){
如果($(this).is(“:checked”)){
$('.add2').val($('.add1').val());
}
});

问题是因为
引用了
复选框
。因此,
this.value
,您将其放置在文本框的值中,它是字符串“on”

要修复此问题,请将
.add1
val()
放入
.add2
,如下例所示。还要注意在处理复选框时使用
change
而不是
click
,因为这可以提高可访问性

$(“.check”).change(函数(){
如果(选中此项){
$('.add2').val($('.add1').val());
}
});

问题是因为
引用了
复选框
。因此,
this.value
,您将其放置在文本框的值中,它是字符串“on”

要修复此问题,请将
.add1
val()
放入
.add2
,如下例所示。还要注意在处理复选框时使用
change
而不是
click
,因为这可以提高可访问性

$(“.check”).change(函数(){
如果(选中此项){
$('.add2').val($('.add1').val());
}
});

在任何一个字段数据发生更改时起作用

让swt_data=”“;
$(“.add1”)。关于(“更改”,函数(){
swt_data=$(this.val();
})
$(“.check”)。单击(函数(){
如果($(this).is(“:checked”)){
if(swt#u data!=$('#first').val()!=$('#second').val()){
$('first').val(swt#U数据);
$('秒').val(swt#U数据)
}
}
});

在任何一个字段数据发生更改时起作用

让swt_data=”“;
$(“.add1”)。关于(“更改”,函数(){
swt_data=$(this.val();
})
$(“.check”)。单击(函数(){
如果($(this).is(“:checked”)){
if(swt#u data!=$('#first').val()!=$('#second').val()){
$('first').val(swt#U数据);
$('秒').val(swt#U数据)
}
}
});

请检查此处: 或者您可以执行以下代码

 $(".check").click(function() {
    if ($(this).is(":checked")) {
      var add1 = $('.add1').val();
      $('.add2').val(add1);
    }
 });
请检查这里: 或者您可以执行以下代码

 $(".check").click(function() {
    if ($(this).is(":checked")) {
      var add1 = $('.add1').val();
      $('.add2').val(add1);
    }
 });

取消选中该值后,该值应更改
哪个值?循环中只有一个if部分将执行一次。另一方面,没有其他部分说明应该做什么。@Cooper您想在更改输入或更改复选框时更改第二次输入的文本在文本框中输入的值。我的意思是“checked”是checbox的默认状态。取消选中时,不执行任何操作,重新选中时,第一个文本框中输入的值必须反映在第二个文本框中。更改复选框时,Maheer Ali。
取消选中后,该值应更改。
哪个值?循环中只有一个if部分将为一个执行。另一方面,没有其他部分说明应该做什么。@Cooper您想在更改输入或更改复选框时更改第二次输入的文本在文本框中输入的值。我的意思是“checked”是checbox的默认状态。如果取消选中,则不执行任何操作,如果重新选中,则在第一个文本框中输入的值必须反映在第二个文本框中。更改复选框时,Maheer Ali。