如何根據 javascript 變量選擇輸入標簽的類型屬性作為條件？

Question

我有一個輸入標簽來從客戶端獲取文本輸入

<input type="text" class="form-control" placeholder="Enter Message" id="messageText"  autofocus/>

現在我想根據 javascript 變量password_flag選擇類型屬性

如果password_flag==1那么type="password" else type="text"

因此，當設置 password_flag 時，用戶將能夠輸入密碼

因為我一直在使用 uwsgi 作為服務器，所以我不能使用 FreeMarker 來調用條件。

Answer 1

您可以通過if-else條件輕松實現此目的：

 $(document).ready(function(){ var password_flag = 1; if(password_flag === 1){ $('#messageText').attr('type', 'password'); } else { $('#messageText').attr('type', 'text'); } });

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <input type="text" class="form-control" placeholder="Enter Message" id="messageText" autofocus/>

Answer 2

您也可以使用 vanilla javascript 來做到這一點：

 var password_flag = 1; var input = document.getElementById('messageText'); if(password_flag === 1){ input.setAttribute('type','password'); } else{ input.setAttribute('type','text'); }

 <input type="text" class="form-control" placeholder="Enter Message" id="messageText" autofocus/>

Answer 3

您甚至可以通過使用事件內聯來實現它

 var password_flag = 1; //var password_flag = 0;

 <input type="text" class="form-control" placeholder="Enter Message" id="messageText" onclick="password_flag?this.type='password':this.type='text'" autofocus />