how to change this javascript?

Question

3.50/5 (2 votes)

See more:

am using this javascript to onclick method in my checkbox click.. but it is not working thats y i put this method in my html source page..

XML

<script type="text/javascript">
       $(function () {
           $("#show_password").bind("click", function () {
               var txtPassword = $("#password");
               var txtnewpassword = $("#");
               if ($(this).is(":checked")) {
                   txtPassword.after('<input onchange = "PasswordChanged(this);" id = "txt_' + txtPassword.attr("id") + '" type = "text" value = "' + txtPassword.val() + '" readonly = "readonly" />');
                   txtPassword.hide();


               } else {
                   txtPassword.val(txtPassword.next().val());
                   txtPassword.next().remove();
                   txtPassword.show();
               }
           });
       });

</script>

HTML

<div class="edit-rght-2">
    <input type="password" disabled="disabled" value="sevika" 
        id="password" maxlength="10" readonly="readonly" /><input type="checkbox" id="show_password"  önclick="show_password();"/><label>Show</label>
</div>

Posted 6-Mar-14 20:16pm

RajeeshMenoth

Add a Solution

Comments

Ramug10 7-Mar-14 2:20am

did you checked with OnClientClick="show_password()"..

[no name] 7-Mar-14 3:04am

onclient click is not working in this program..am using html input..not asp.net

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Sampath Lokuge · Answer 1 · 2014-03-06T20:29:00

Solution 1

Please try is as below.

HTML

<div class="edit-rght-2">
    <input type="password" disabled="disabled" value="sevika" id="password" maxlength="10" readonly="readonly" />
    <input type="checkbox" id="show_password" />
        <label>Show</label>
    </input>
</div>

JS

C#

$('#show_password').change(function(){  
    if ($(this).is(':checked')) {
        alert('checked');
        //your code
    }
    else{
        alert('unchecked');
       //your code
    }
});

LIVE DEMO

JsFiddle

Posted 6-Mar-14 20:29pm

Sampath Lokuge

Updated 6-Mar-14 21:17pm

v4

Comments

thatraja 7-Mar-14 2:35am

Beat me to it, 5!

Sampath Lokuge 7-Mar-14 2:36am

Thanks Thatraja. :)

[no name] 7-Mar-14 3:25am

when i click the show button check box the real data display on the text box

Sampath Lokuge 7-Mar-14 3:32am

Sorry, I couldn't get what you told.So can you give more info ?

[no name] 7-Mar-14 3:38am

k.u can show a check box in my program.when i checked the text box the input data will showing in input box..so i wanted to create a onclick method for the above jquery program..can u help me..i was already tried but it not working in onclick method.

Sampath Lokuge 7-Mar-14 3:40am

Why can't you use the code snippet which I gave to you ? What's the problem of it ?

[no name] 7-Mar-14 3:43am

<div class="edit-rght-2">
<input type="password" disabled="disabled" value="sevika" id="password" maxlength="10" readonly="readonly" />
<input type="checkbox" id="show_password" önclick="show_password()" />
<label>Show</label>
</input>
</div>

function show_password() {
alert('checked');
$('#show_password').bind(function () {
var txtPassword = $("#password");
if ($(this).is(':checked')) {
alert('checked');
//your code

txtPassword.after('<input önchange = "PasswordChanged(this);" id = "txt_' + txtPassword.attr("id") + '" type = "text" value = "' + txtPassword.val() + '" readonly = "readonly" />');
txtPassword.hide();

}
else {
alert('unchecked');
//your code
txtPassword.val(txtPassword.next().val());
txtPassword.next().remove();
txtPassword.show();
}
});
}

Sampath Lokuge 7-Mar-14 3:45am

Your code is not working.So that's why I gave a code snippet which is working fine.So why can't you use it instead of your not working code ?

[no name] 7-Mar-14 3:49am

Mr Sampath my code is already working in asp.net sourse file..but its not working in jquery file..and i wanted to set my given code into onclick method..

Sampath Lokuge 7-Mar-14 4:03am

Ok.Then put your code inside the below method.
$(document).ready(function() {

});

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 7-Mar-14 3:15am

5 ed. :)

Sampath Lokuge 7-Mar-14 3:17am

Thanks Tadit. :)

Tadit Dash (ତଡିତ୍ କୁମାର ଦାଶ) 7-Mar-14 3:18am

Welcome. :)

Peter Leow · Answer 2 · 2014-03-06T20:37:00

Solution 2

You are trying to toggle the show and hide of the password, right? The javascript code looks alright. Did you happen to forget to include a jquery library in the html page?

Posted 6-Mar-14 20:37pm

Peter Leow

Updated 6-Mar-14 20:40pm

v2

Comments

[no name] 7-Mar-14 3:27am

i have jquery lbry .when i put this code to in my apsx source page the method will work it..but i was created a onclick method in my jquery file..but its not working

Peter Leow 7-Mar-14 3:44am

comment out this, and it should work now.
//var txtnewpassword = $("#");
and you can remove this too, it is redundant:
önclick="show_password();

[no name] 7-Mar-14 3:46am

its not a part of my program thats y i ommented man...

Peter Leow 7-Mar-14 3:48am

it is working now?