Remove input placeholder using jquery

Question

does anyone know how to remove input placeholder using jquery?

I want to do is if one of the inputbox got a value...all the inputbox placeholder will be remove....does anyone know how to do that?

<input type="text" name="name" placeholder="1.)">
<input type="text" name="age" placeholder="2.)">
<input type="text" name="address" placeholder="3.)">

Answer 1

Should work:

$(':input').removeAttr('placeholder');

Answer 2

Get all the inputs, and attach a change event handler, inside the event handler get the value from all the inputs, join the values together, and if it's still nothing, none of the inputs have a value, if it has length, at least one of the inputs have value, and you can remove the placeholder attributes :

var inputs = $('input[type="text"]');

inputs.on('change', function() {
    if ( $.map(inputs, function(el) { return el.value; }).join('').length ) 
        inputs.removeAttr('placeholder');
});

FIDDLE

Answer 3

I DONT RECCOMEND to remove placeholder

instead, make a focus, and this will automatically hide placeholder at that moment:

$(element).focus();

Answer 4

.removeAttr()

var txtbox = $('input[type="text"]');
txtbox.change(function () {
    txtbox.removeAttr('placeholder');
});