使用javascript/jquery隐藏输入值

Question

我想在匿名复选框被选中时隐藏输入文本中的信息（例如用户名）。

因此，如果我在输入文本中键入我的名字，然后检查匿名复选框，我的名字将隐藏在输入中。

这可能吗？

谢谢。

Answer 1

有几个方法可以做到这一点，不知道你要哪一个。

$("#yourCheckboxId").change(function() { 
    var checked = $(this).is(':checked'); 
    // pick one of these options below 
    if (checked) { 
     // blank out the field 
     $("#yourInputId").val(""); 
     // or hide it 
     $("#yourInputId").hide(); 
    } else { 
     $("#yourInputId").show(); 
    } 
}); 

Answer 2

取决于你想如何隐藏它，你可以改变type到password掩盖人物：

$("#yourCheckboxId").change(function() { 
    $("#yourInputId").attr("type", function() { 
     var current = $(this).attr("type"); 
     return current == "text" ? "password" : "text"; 
    }); 
});