auto-populate textbox

[marcelo27]

Hi,

I have an html page that has both a textbox and a checkbox.
I need to autopopulate the textbox with a value of "0" when the checkbox is selected.

I am not sure which JS function to use.

Thaks in advance for your help. :-)

marcelo

[helimeef]

I shall be your savior :)
Well, if the effect your looking for is just when it's selected, and does not remove the 0 from the textbox when you check the checkbox, you could do something like this:

window.onload = function() {
 var oCheckbox = document.getElementById('id of checkbox');
 oCheckbox.onclick = function() {
  document.getElementById('id of textbox').value = '0';
 }
}
 

I could use DOM 2 event listeners, but this seems like a rather simple application so I'll leave it at that. Just reply if you wanted "0" to go away when you un-select the checkbox...
And WHY does the stupid thing say I'm a newbie? I don't know.

[acoder]

And WHY does the stupid thing say I'm a newbie? I don't know.

Get to 32 posts and it'll go away :)

[helimeef]

Get to 32 posts and it'll go away :)

Oh okay that's easy :) I thought it was measured by how long you've been registered.

[marcelo27]

I shall be your savior :)
Well, if the effect your looking for is just when it's selected, and does not remove the 0 from the textbox when you check the checkbox, you could do something like this:

window.onload = function() {
 var oCheckbox = document.getElementById('id of checkbox');
 oCheckbox.onclick = function() {
  document.getElementById('id of textbox').value = '0';
 }
}
 

I could use DOM 2 event listeners, but this seems like a rather simple application so I'll leave it at that. Just reply if you wanted "0" to go away when you un-select the checkbox...
And WHY does the stupid thing say I'm a newbie? I don't know.

I actually do need the "0" to go away when the checkbox is unchecked.
Thank you so much for your reply.
You are really are my savior :-)

[helimeef]

Okay then, here's the code to do that.

window.onload = function() {
    var oCheckbox = document.getElementById('id of checkbox');
    var oTextbox = document.getElementById('id of textbox');
    oCheckbox.onclick = function() {
        if(this.checked) {
            oTextbox.value = '0';
        }
        else {
            oTextbox.value = '';
        }
    }
}

I'm not sure if you were accepting input from users in the textbox, but I'll make a script so that if they un-check and then re-check the box their entered value is saved... So there ya go :)

[marcelo27]

Thank you very much!!!