Difference between revisions of "Forms"
Jump to navigation
Jump to search
| Line 30: | Line 30: | ||
'''Set the property''' | '''Set the property''' | ||
$('#id').prop('checked', true); | $('#id').prop('checked', true); | ||
'''Set multiple properties using a object''' | |||
$('#id').prop({'checked': true, | |||
'disabled':false}); | |||
==Radio Buttons== | ==Radio Buttons== | ||
'''Return the value of which button is selected''' | '''Return the value of which button is selected''' | ||
Revision as of 18:12, 26 December 2016
Form Events
$(function() {
'use strict';
$('#name2').on('click', nameClick);
function nameClick() {
$(this).css('background-color', 'blue');
}
$('#frmContact').on('submit', function(event) {
// pevents the default submit action from happening
event.preventDefault();
});
});
Getting values from form
$('#id').val()
Get Attributes
$('a:first').attr('href')
Set Attributes
$('a:first').attr('href','contact.html')
CheckBoxes
Will Return True or False
$('#id').prop('checked');
Set the property
$('#id').prop('checked', true);
Set multiple properties using a object
$('#id').prop({'checked': true,
'disabled':false});
Radio Buttons
Return the value of which button is selected
$('[name=news]:checked').val();
Back To Top< — >Category< — > Home