使用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"; 
    }); 
});