Change the value of an attribute with jQuery

Question

I have created a password field with id pass, and a checkbox with id check:

<input type="password" id="pass"> 
<input type="checkbox" id="check" />Show Password

This jQuery code is used to change the password field into text field when the check box is checked, but this is not functioning correctly. The password remains as a password field even after the checkbox is checked.

$(document).ready(function () {
    $('#check').change(function () {
        $('#pass').attr('type','text');
    });
});

Possible duplicate of: [change type of input field with jQuery](http://stackoverflow.com/questions/1544317/change-type-of-input-field-with-jquery) — melancia, Jan 07 '15 at 17:36

score 0 · Answer 1 · answered Jan 07 '15 at 18:15

0

Add this jQuery library in the starting of your html file.

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

So this should be the code in your html file -

<head>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>

<input type="password" id="pass"> 
<input type="checkbox" id="check" />Show Password
<script>
  $(document).ready(function () {
    $('#check').change(function () {
      if($('#pass').attr("type")=="text") {
        $('#pass').attr('type','password');
      } else {
        $('#pass').attr('type','text');
      }
    });
  });
</script>

I have tested this code and it is working perfectely.

answered Jan 07 '15 at 18:15

prashant

108
7

solution doesn't give any indication of why OP code doesn't work, you are using the same methods – charlietfl Jan 07 '15 at 18:33
don't know..same code worked in jsfiddle.net @charlietfl – Ashish Gupta Jan 07 '15 at 18:37
I don't know why the code was not working. May be Ashish missed to add `jQuery` library or would have missed any tag like we have script tags in my code. @charlietfl – prashant Jan 07 '15 at 19:32
@AshishGupta, Can you please share your code that you were trying and was not working? with that code we can figure out the issue very well. – prashant Jan 07 '15 at 19:36
code within body of html Show Password @prashant – Ashish Gupta Jan 08 '15 at 21:47

Change the value of an attribute with jQuery

1 Answers1