Question

我有一个输入标记来从客户端

获取文本输入

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

现在我想根据javascript变量选择type属性 password_flag

如果password_flag==1然后type="password"其他type="text"

因此，当设置password_flag时，用户将能够输入密码

由于我一直使用uwsgi作为服务器，我不能使用FreeMarker来调用条件。

Answer 1

您可以通过if-else条件轻松实现此目的：

＆＃13;

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

＆＃13;

<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/>

＆＃13;

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 />

如何根据javascript变量选择输入标签的type属性作为条件？

3 个答案: