Skip to main content

jQuery Set Default Input Values From Labels

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

Write powerful, clean and maintainable JavaScript.

RRP $11.95

jQuery code snippet to loop through a set of inputs and for each of them set the value to the associated label and then hide the label from view.

$.fn.labelHide = function(){
	return this.each(function(){
		var current = $(this);
		var id = current.attr("id");
		var label = $("label[for='"+id+"']:not(.error)");
		if (id.length && label.length) {
			current.val(label.text());
			label.hide();
		}
	});
};

// Usage: $('input.label-hide').labelHide();

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.