The method of correcting error of type attribute of input under IE8 _javascript skill

Summary:

Now there is a requirement as shown in the figure, when the user check the display clear text checkbox, in clear text to display the user input password, remove the check to change back to the ciphertext, just begin to think of is to modify the type of input box to decide to display clear text or ciphertext, using jquery attr to do experiments, test results are chrome , firefox,ie9+ are good, in the IE8 below will be an error, look for the following reasons, IE8 is not allowed to modify the type of input attributes, and finally changed the way of thinking to achieve.

Replace the input box with type= "text" when checking out the plaintext, and replace the input box with type= "password" when not checked, the code is as follows:

<! DOCTYPE html>