javascript - jQuery 隐藏和显示输入值

Question

我正在寻找的是当该框未选中时不在输入中显示任何值，而当该框被选中时则显示每个输入及其各自的值。

这是我的代码:

$('#checkbox').change(function() { 
    if($('#checkbox').is(':checked')) {
        $('.test').val('')
    } else {

    }
});

Answer 1

一种方法是声明一个变量。

var inputValue;
$('#checkbox').change(function(){ 
    if ($('#checkbox').is(':checked')){
        inputValue = $('.test').val();
        $('.test').val('');
    } else {
        $('.test').val(inputValue);
    }
});

用于多个输入字段。 @Rashid 的想法很棒。将值存储在数据值属性中。当复选框未选中时，您可以使用数据值属性获取值。

$('#checkbox').change(function() { 
    if($('#checkbox').is(':checked')) {
    $.each($('.test'),function(){
      $(this).attr('data-value',$(this).val()).val("");
    });

    } else {
$.each($('.test'),function(){
      $(this).val($(this).attr('data-value'));
});
    }
});