JavaScript
Article
By Sam Deering

jQuery Set Default Input Values From Labels

By Sam Deering
Help us help you! You'll get a... FREE 6-Month Subscription to SitePoint Premium Plus you'll go in the draw to WIN a new Macbook SitePoint 2017 Survey Yes, let's Do this It only takes 5 min

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.

--ADVERTISEMENT--

$.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();
Login or Create Account to Comment
Login Create Account
Recommended
Sponsors
Get the most important and interesting stories in tech. Straight to your inbox, daily.Is it good?