Can I use jQuery to assign ID attributes to form elements in SharePoint?

While customizing an "add new item" form, you might find yourself needing to manipulate form elements via jQuery. However, before you can do that you must and an #id or .class to the elements in question. I will be adding an #id in this demonstration. But why would I want to manipulate form elements in the first place? If you wanted to hide/show a textbox based on the user selection of a checkbox you could use this technique.


Get the code

Related videos:

How do I: Implement $().SPServices.SPAutocomplete
How do I: Implement $().SPServices.SPLookupAddNew
Using jQuery to hide/show form elements based on checkbox value
How can I validate a textbox using the PreSaveAction() 
How do I: Create a simple form to collect data in SharePoint 2010
How can I hide/show a textbox based on a radio button selection?
How can I hide/show a textbox based on a drop-down value?

Adding simple jQuery to a SharePoint 2010 page via SharePoint Designer 2010

This videos show you have to setup a SharePoint page to start adding jQuery.

NOTE: this is a SharePoint Online site, and of course it will work on your local farm the same way.

Get the code

Adding an animated link to a SharePoint 2010 page using jQuery

NOTE: This is also done in a SharePoint Online site

Get the code

How can I: Use jQuery to hide/show form elements based on a checkbox value?

Let's say you wanted to hide/show a specific textbox only if a specific checkbox has been selected. You can use jQuery to do this via SharePoint Designer 2010



How can I validate a textbox using the PreSaveAction() 
How do I: Create a simple form to collect data in SharePoint 2010
How can I hide/show a textbox based on a radio button selection?
How can I hide/show a textbox based on a drop-down value?